2022 এর মধ্যে আন্তঃপ্রক্রিয়াযোগ্য হয়ে উঠেছে এমন কিছু বৈশিষ্ট্য আবিষ্কার করুন।
আমরা আরেকটি বছরের শেষে পৌঁছেছি, এবং ওয়েব প্ল্যাটফর্মের আন্তঃকার্যক্ষমতা উন্নত করতে আমরা একসাথে কাজ করার সময় ব্রাউজারগুলির দ্বারা করা উন্নতিগুলি দেখার সময় এসেছে৷ এই বছরের মার্চ মাসে আমাদের পোস্টে কীভাবে জিনিসগুলি শুরু হয়েছিল তা আপনি দেখতে পারেন, যেহেতু এই উদ্যোগটি চালু করা হয়েছিল।
বছরের শেষে সামগ্রিক স্কোর সমস্ত ইঞ্জিন জুড়ে একটি দুর্দান্ত উন্নতি দেখায়।
এই পোস্টে, 2022-এ করা অগ্রগতি সম্পর্কে জানুন। এই শিরোনাম বৈশিষ্ট্যগুলি ছাড়াও, সমস্ত ইঞ্জিনের দ্বারা অনেক ছোট উন্নতি করা হয়েছে। ছোট ছোট সমস্যা যা ইঞ্জিনের মধ্যে অসঙ্গতি সৃষ্টি করতে পারে এবং বিকাশের সময় আপনাকে ট্রিপ করতে পারে, সেগুলি ঠিক করা হয়েছে। ক্রস-ব্রাউজারে উপলব্ধ বড় বৈশিষ্ট্যগুলি দেখা অবশ্যই উত্তেজনাপূর্ণ, তবে এটি কখনও কখনও ছোট জিনিস যা সবচেয়ে বেশি সমস্যা সৃষ্টি করে এবং এটি কতটা উন্নত হয়েছে তা দেখতে দুর্দান্ত৷
ক্যাসকেড স্তর
ক্যাসকেড স্তরগুলি আপনাকে স্তরগুলিতে নির্বাচকদের গোষ্ঠীবদ্ধ করে ক্যাসকেড পরিচালনা করতে দেয়। এটি এমন বৈশিষ্ট্য যা শুধুমাত্র তখনই উপযোগী হয় যখন এটি সর্বত্র সমর্থিত হয়। সমস্ত প্রধান ইঞ্জিন এখন ক্যাসকেড স্তরগুলিকে সমর্থন করে, এবং সমস্ত ব্রাউজার জুড়ে স্কোরগুলি প্রতিফলিত করে যে বৈশিষ্ট্যটি কতটা ইন্টারঅপারেবল, ফায়ারফক্সের জন্য মাত্র কয়েকটি পরীক্ষা বাকি আছে।
ডায়ালগ উপাদান
ডায়ালগ উপাদানটি মডেল এবং নন-মোডাল ডায়ালগ তৈরি করতে দেয়। এটি ওয়েবে একটি সাধারণ প্যাটার্ন, এবং এই উপাদানটি ব্যবহার করা আপনাকে ব্যবহারযোগ্যতা এবং অ্যাক্সেসযোগ্যতা দেয় যা অন্যথায় আপনার নিজস্ব উপাদান তৈরি করার সময় আপনাকে বিকাশ এবং পরীক্ষা করতে হবে। বিল্ডিং এ ডায়ালগ কম্পোনেন্ট প্রবন্ধে, অ্যাডাম আর্গিল বিভিন্ন ধরনের ডায়ালগ তৈরি করতে এই উপাদানটির উপরে কীভাবে তৈরি করবেন তা ব্যাখ্যা করেছেন।
সাবগ্রিড
2022 এর শুরুতে, grid-template-rows এবং grid-template-columns জন্য subgrid মান সমর্থনকারী একমাত্র ব্রাউজারটি ছিল ফায়ারফক্স। 2022-এর সময় Safari ল্যান্ড সমর্থন করেছে, এবং বৈশিষ্ট্যটি Chrome-এ বিকাশাধীন রয়েছে। এটি আন্তঃক্রিয়াশীলতার জন্য বছরের শেষ সময়সীমা মিস করতে চলেছে, তবে এটি পথে রয়েছে।
ভিউপোর্ট ইউনিট
ভিউপোর্ট ইউনিট হল একমাত্র বৈশিষ্ট্য যা সমস্ত ইঞ্জিনে 100% পাস করেছে। এতে ছোট এবং বড় ভিউপোর্টের ধারণাগুলি অন্তর্ভুক্ত রয়েছে, যা ডিভাইসের UI উপাদানগুলি প্রদর্শিত এবং অদৃশ্য হয়ে যাওয়ার সাথে সাথে মোবাইলে ভিউপোর্টের আকার পরিবর্তনের জন্য দায়ী। আপনি বড়, ছোট এবং গতিশীল ভিউপোর্ট ইউনিট পোস্টে এই ইউনিটগুলি সম্পর্কে আরও জানতে পারেন।
ব্রাউজার সমর্থন
- 108
- 108
- 101
- 15.4
রঙ 4
রঙের কাজের এই সংগ্রহটি সিএসএসকে শুধুমাত্র উচ্চতর সংজ্ঞার গামুটে রঙ নির্দিষ্ট করতে সক্ষম করে না (উদাহরণস্বরূপ, ডিসপ্লে p3, rec2020), তবে নতুন রঙ ফাংশনও প্রদান করে যেগুলির প্রতিটি রঙের সাথে কাজ করার জন্য অনন্য উপযোগিতা রয়েছে। নতুন রঙের স্থানগুলি হল lch() , oklch() , lab() , oklab() , display-p3 , rec2020 , a98-rgb , prophoto-rgb , xyz , xyz-d50 , xzy-d65 : আজই ক্যানারিতে এগুলো ব্যবহার করে দেখুন এই পতাকা সক্রিয় . এই পরিবর্তনগুলি গ্রেডিয়েন্টের ক্ষেত্রেও প্রযোজ্য, লেখকরা তাদের গ্রেডিয়েন্টগুলি কোন রঙের স্থান ব্যবহার করে তা নির্দিষ্ট করতে দেয়। একই পতাকাও color-mix() সমর্থন সক্ষম করে, যা আপনাকে আপনার পছন্দের জায়গায় দুটি রঙ একসাথে মিশ্রিত করতে দেয়। কালার-মিক্স() ফাংশন সাফারি এবং ফায়ারফক্সে একটি পতাকার পিছনেও রয়েছে। আরো রং, ভালো রং, ভালো গ্রেডিয়েন্ট, এবং আরও ভালো টুল।
ইন্টারপ 2023
আমি আশা করি আপনি জেনে খুশি হবেন যে আমরা 2022 সালের শেষের দিকে থামতে চাই না এবং ইন্টারপ 2023 ইতিমধ্যেই প্রাথমিক পরিকল্পনার পর্যায়ে রয়েছে। নতুন বছরে আমরা যে বৈশিষ্ট্যগুলি বেছে নেওয়া হয়েছে তা ঘোষণা করতে সক্ষম হব, এবং ওয়েবের জন্য আরও সহজে বিকাশ করার জন্য আরও একটি বছরের অপেক্ষায় থাকব৷
ইয়ান স্নাইডারের নায়কের ছবি।