TechBlogSD - ওয়ার্ডপ্রেস এবং ওয়েব ডেভেলপমেন্টের জন্য সবকিছু
ওয়েব এবং ওয়ার্ডপ্রেস নির্দেশাবলী, খবর, থিম এবং প্লাগইনগুলির পর্যালোচনা

গুগল ক্রোমে কীভাবে ম্যাটেরিয়াল ডিজাইন ব্যবহার করবেন?

7

ম্যাটেরিয়াল ডিজাইন কি?

মেটিরিয়াল ডিজাইন হল একটি ইউজার ইন্টারফেস ধারণা যা গুগল 2014 সালে চালু করেছিল। আসুন আমরা ম্যাটেরিয়াল ডিজাইনের খুব বেশি প্রযুক্তিগত বিবরণে না যাই, এটি মূলত কার্ড ব্যবহার করে (বুটস্ট্র্যাপ 4 -এর কার্ডের মতো) এবং গ্রিডের উপর ভিত্তি করে সম্পূর্ণ প্রতিক্রিয়াশীল লেআউট তৈরি করে। আপনি যদি গুগল পণ্যগুলির দীর্ঘদিন ব্যবহারকারী হন তবে আপনি হয়তো লক্ষ্য করেছেন যে বেশিরভাগ পণ্য যেমন জিমেইল, ইউটিউব, Google+ ইত্যাদি সাম্প্রতিক বছরগুলিতে একটি নতুন ইন্টারফেসে পরিবর্তিত হয়েছে।

গুগল ক্রোমে ম্যাটেরিয়াল ডিজাইন

অন্যান্য অ্যাপ্লিকেশনের বিপরীতে, গুগল শুধুমাত্র মেটিরিয়াল ডিজাইন ব্যবহার করার জন্য বেস ক্রোম ডিজাইন পরিবর্তন করেছে। যদিও সেটিংস পৃষ্ঠা সহ বেশিরভাগ পৃষ্ঠাগুলি নতুন উপাদান নকশা ধারণার সাথে খাপ খাইয়ে পরিবর্তিত হয়েছে, এটি এখনও পুরো ব্রাউজার জুড়ে সম্পূর্ণভাবে করা হয়নি।

এই নিবন্ধে আসুন আমরা ব্যাখ্যা করি কিভাবে গুগল ক্রোমে ম্যাটেরিয়াল ডিজাইন ব্যবহার করতে হয়।

গুগল ক্রোমে কীভাবে ম্যাটেরিয়াল ডিজাইন ব্যবহার করবেন?

ক্রোমে URL "chrome: // flags/" কমান্ডে যান এবং "সার্চ ফ্ল্যাগস" সার্চ বক্সে "উপাদান ডিজাইন" লিখুন। আপনি আপনার OS এবং Chrome সংস্করণের উপর ভিত্তি করে সমস্ত উপলব্ধ এবং অনুপলব্ধ পরীক্ষা দেখতে পাবেন।

গুগল ক্রোমে কীভাবে ম্যাটেরিয়াল ডিজাইন ব্যবহার করবেন?

ক্রোম ম্যাটেরিয়াল ডিজাইনের পতাকা

ক্রোমে ম্যাটেরিয়াল ডিজাইন

আসুন এক্সটেনশনের জন্য উপাদান নকশা সক্ষম করার চেষ্টা করি। তার আগে "chrome: // extensions/" এ যান যা নিচের মত দেখতে হবে।

গুগল ক্রোমে কীভাবে ম্যাটেরিয়াল ডিজাইন ব্যবহার করবেন?

সাধারণ ক্রোম এক্সটেনশন ভিউ

এখন পতাকা বিভাগে ফিরে আসুন এবং "উপাদান ডিজাইন এক্সটেনশানগুলি সক্ষম করুন" পতাকাটি সন্ধান করুন। ড্রপডাউন থেকে "সক্ষম" চয়ন করুন এবং আপনাকে ব্রাউজারটি পুনরায় চালু করতে বলা হবে।

গুগল ক্রোমে কীভাবে ম্যাটেরিয়াল ডিজাইন ব্যবহার করবেন?

মেটেরিয়াল ডিজাইন সক্ষম করে Chrome আবার চালু করুন

ক্রোম বন্ধ এবং পুনরায় চালু করতে "এখনই আবার চালু করুন" বোতামে ক্লিক করুন। সমস্ত ট্যাব আবার খুলে যাবে কিন্তু যদি আপনি আগে লগ ইন করে থাকেন তাহলে আপনাকে আবার সাইটগুলিতে লগইন করতে হবে। এখন আবার এক্সটেনশন পৃষ্ঠা "chrome: // extensions/" এ যান। এটি উপাদান নকশা বাক্সগুলির সাথে নীচের মত মার্জিতভাবে দেখতে হবে।

গুগল ক্রোমে কীভাবে ম্যাটেরিয়াল ডিজাইন ব্যবহার করবেন?

ম্যাটেরিয়াল ডিজাইন ক্রোম এক্সটেনশন ভিউ

অন্যান্য উপাদান নকশা পতাকা

ক্রোম সংস্করণ 64 এ, আমরা নিম্নলিখিত পরীক্ষামূলক পতাকাগুলি দেখতে পারি:

1 ব্রাউজারের নেটিভ UI- তে ম্যাটেরিয়াল ডিজাইন

ক্রোমের মৌলিক UI ইতিমধ্যেই উপাদান নকশা ধারণা ব্যবহার করছে। এই পতাকাটি সক্ষম করলে কার্যকারিতা প্রসারিত হবে অন্যান্য গৌণ বৈশিষ্ট্য যেমন বুদবুদ, ডায়ালগ বক্স ইত্যাদি।

2 ম্যাটেরিয়াল ডিজাইন বুকমার্ক সক্ষম করুন

ডিফল্টরূপে, Chrome বুকমার্ক বিভাগের জন্য ম্যাটেরিয়াল ডিজাইন ভিউ ব্যবহার করে। সুতরাং, আপনি স্পষ্টভাবে এই পতাকা সক্ষম করতে হবে না।

3 ম্যাটেরিয়াল ডিজাইন এক্সটেনশন সক্ষম করুন

এই বিকল্পটি আমরা উপরে ব্যাখ্যা করেছি। এটি ম্যাটেরিয়াল ডিজাইন ভিউতে লোড করার জন্য "chrome: // extensions" URL পরিবর্তন করবে।

4 ম্যাটেরিয়াল ডিজাইন ডাউনলোড শেল্ফ সক্ষম করুন – শুধুমাত্র ম্যাকের জন্য

যদি এই বিকল্পটি সক্ষম করা থাকে, তাহলে ডাউনলোড বিভাগটি উপাদান ডিজাইন ভিউ সহ লোড হবে।

5 উপাদান নকশা ছদ্মবেশী এনটিপি – শুধুমাত্র অ্যান্ড্রয়েডের জন্য

এই বিকল্পটি ডেস্কটপে পাওয়া যাবে না কারণ এটি শুধুমাত্র অ্যান্ড্রয়েড ডিভাইসে প্রযোজ্য। এই পতাকাটি সক্ষম করলে ছদ্মবেশী পৃষ্ঠাগুলিকে আরও ভালভাবে পাঠযোগ্য পাঠ্য করা হবে।

ক্রোমে ম্যাটেরিয়াল ডিজাইন অক্ষম করুন

বর্তমানে Chrome একটি বেস UI হিসেবে ম্যাটেরিয়াল ডিজাইন ব্যবহার করে কিন্তু তারপরও কিছু কিছু পেজ আছে যা স্বাভাবিক ভিউ ব্যবহার করে। আপনি শীঘ্রই আশা করতে পারেন, গুগল পরবর্তী সংস্করণগুলিতে ক্রোমের ইউআইকে মেটিরিয়াল ডিজাইনে সম্পূর্ণরূপে আপডেট করবে। পরীক্ষামূলক পতাকাগুলি পাওয়া পর্যন্ত, আপনি বুকমার্ক এবং এক্সটেনশনের মতো নির্বাচিত উপাদানগুলিতে উপাদান নকশা অক্ষম করতে পারেন।

উপরে ব্যাখ্যা করা হয়েছে, "chrome: // flags/" বিভাগে যান। "ম্যাটেরিয়াল ডিজাইন বুকমার্কস" পতাকাটির জন্য "অক্ষম" বিকল্পটি চয়ন করুন এবং ক্রোম পুনরায় চালু করুন। এখন "ক্রোম: // বুকমার্কস" এ যান এবং আপনার বুকমার্ক বিভাগটি পরীক্ষা করুন। এটি উপাদান নকশা ছাড়া স্বাভাবিক দৃশ্য সঙ্গে ফিরে দেখা উচিত।

গুগল ক্রোমে কীভাবে ম্যাটেরিয়াল ডিজাইন ব্যবহার করবেন?

ক্রোম ওল্ড বুকমার্ক ভিউ

গুগল ক্রোমে কীভাবে ম্যাটেরিয়াল ডিজাইন ব্যবহার করবেন?

ক্রোমে উপাদান ডিজাইন বুকমার্ক দেখুন

পতাকা ব্যবহারে সতর্কতা

পতাকাগুলি পরীক্ষামূলক বৈশিষ্ট্য যা ক্রোমের ব্যবহারকে প্রভাবিত করতে পারে। পতাকা বিভাগে প্রবেশ করার সময় আপনি নীচে দেখানো সতর্কতা দেখতে পাবেন। সুতরাং আপনি যদি বৈশিষ্ট্যগুলি সক্ষম বা অক্ষম করতে চান তবেই পতাকা দিয়ে খেলুন।

গুগল ক্রোমে কীভাবে ম্যাটেরিয়াল ডিজাইন ব্যবহার করবেন?

ক্রোম পতাকা সতর্কতা

ক্রোমের জন্য ম্যাটেরিয়াল ডিজাইন থিম এবং এক্সটেনশন

ক্রোম ওয়েব স্টোরে যান এবং শত শত থিম এবং এক্সটেনশন দেখতে "উপাদান নকশা" অনুসন্ধান করুন। নতুন ট্যাবের চেহারা পরিবর্তনের জন্য একটি " মার্জিত নতুন ট্যাব " এক্সটেনশন রয়েছে। যদি নতুন ট্যাবে ডিফল্ট গুগল সার্চ বক্স ভিউ আপনাকে বিরক্ত করে, তাহলে এটি আপনাকে সাধারণ ভিউতে কার্ড দেখিয়ে উত্তেজিত করবে।

গুগল ক্রোমে কীভাবে ম্যাটেরিয়াল ডিজাইন ব্যবহার করবেন?

মার্জিত নতুন ট্যাব ক্রোম এক্সটেনশন

অন্যদিকে, আপনি ব্রাউজারের চেহারা পরিবর্তন করতে " ম্যাটেরিয়াল ডার্ক " এর মতো ম্যাটেরিয়াল ডিজাইন ভিত্তিক থিম ইনস্টল করতে পারেন ।

রেকর্ডিং উত্স: www.webnots.com
Leave A Reply

এই ওয়েবসাইট আপনার অভিজ্ঞতা উন্নত করতে কুকি ব্যবহার করে। আমরা ধরে নেব যে আপনি এটির সাথে ঠিক আছেন, তবে আপনি ইচ্ছা করলে অপ্ট-আউট করতে পারেন। আমি স্বীকার করছি আরো বিস্তারিত