মার্চ মাসে ওয়েব প্ল্যাটফর্মে নতুন

২০২৬ সালের মার্চ মাস জুড়ে স্টেবল এবং বেটা ওয়েব ব্রাউজারগুলোতে যুক্ত হওয়া কিছু আকর্ষণীয় ফিচার সম্পর্কে জানুন।

র‍্যাচেল অ্যান্ড্রু

প্রকাশিত: ৩১ মার্চ, ২০২৬

স্থিতিশীল ব্রাউজার রিলিজ

মার্চ মাসে Chrome 146 , Firefox 149 এবং Safari 26.4 স্থিতিশীল সংস্করণ হিসেবে প্রকাশিত হয়েছে। এই পোস্টে এই মাসে প্ল্যাটফর্মে আসা নতুন বৈশিষ্ট্যগুলো তুলে ধরা হলো।

ঐচ্ছিক কন্টেইনার কোয়েরি শর্তাবলী

ফায়ারফক্স ১৪৯ এবং সাফারি ২৬.৪ উভয় সংস্করণেই কোনো শর্ত ছাড়াই শুধুমাত্র নামের জন্য @container কোয়েরি ব্যবহারের সুবিধা রয়েছে। এর ফলে আপনি কেবল নামের উপর ভিত্তি করে কন্টেইনারগুলোকে মেলাতে পারবেন, যা আকার বা স্টাইলের সীমাবদ্ধতা নির্দিষ্ট না করেই কন্টেইনারের প্রেক্ষাপটের উপর ভিত্তি করে এলিমেন্টগুলোকে স্টাইল করা আরও সহজ করে তোলে।

স্ক্রোল-ট্রিগার করা অ্যানিমেশন

ক্রোম ১৪৬-এ অ্যানিমেশনের জন্য স্ক্রল-পজিশন-ভিত্তিক নিয়ন্ত্রণ যুক্ত করা হয়েছে। এই ফিচারটি আপনাকে CSS ব্যবহার করে ডিক্লারেটিভভাবে ইন্টারঅ্যাকশন তৈরি করতে দেয়, যা একটি ওয়ার্কার থ্রেডে কাজের ভার স্থানান্তর করে এবং পারফরম্যান্স উন্নত করে। এতে ওয়েব অ্যানিমেশনের জন্য জাভাস্ক্রিপ্ট ইন্টারফেসও অন্তর্ভুক্ত রয়েছে। ‘CSS স্ক্রল-ট্রিগারড অ্যানিমেশন আসছে’ অংশে এ সম্পর্কে আরও জানুন।

Browser Support

  • ক্রোম: ১৪৬।
  • প্রান্ত: ১৪৬।
  • ফায়ারফক্স সমর্থিত নয়।
  • সাফারি সমর্থিত নয়।

trigger-scope প্রপার্টি

স্ক্রল-ট্রিগারড অ্যানিমেশনের পাশাপাশি, ক্রোম ১৪৬-এ trigger-scope প্রপার্টি চালু করা হয়েছে। এটি আপনাকে অ্যানিমেশন ট্রিগারের নামগুলোর দৃশ্যমানতা সীমিত করার সুযোগ দেয়, যা অ্যানিমেশন ও ট্রিগারের মধ্যকার মিথস্ক্রিয়াকে আলাদা করতে এবং গ্লোবাল নামের দ্বন্দ্ব এড়াতে সাহায্য করে।

Browser Support

  • ক্রোম: ১৪৬।
  • প্রান্ত: ১৪৬।
  • ফায়ারফক্স সমর্থিত নয়।
  • সাফারি সমর্থিত নয়।

পপওভার hint মান

ফায়ারফক্স ১৪৯ এখন popover গ্লোবাল অ্যাট্রিবিউটের জন্য hint ভ্যালু সমর্থন করে। hint ভ্যালুযুক্ত পপওভারগুলো প্রদর্শিত হওয়ার সময় auto পপওভার বন্ধ করবে না, কিন্তু অন্যান্য hint পপওভার বন্ধ করে দেবে, যা পপওভারের আচরণের উপর আরও সূক্ষ্ম নিয়ন্ত্রণ প্রদান করে।

Browser Support

  • ক্রোম: ১৩৩।
  • প্রান্ত: ১৩৩।
  • ফায়ারফক্স সমর্থিত নয়।
  • সাফারি সমর্থিত নয়।

গ্রিড লেন

Safari 16.4 display: grid-lanes সমর্থন করে, এই display ’ ভ্যালুটি মেসনারি স্টাইলের লেআউট চালু করে।

Browser Support

  • ক্রোম: সমর্থিত নয়।
  • Edge সমর্থিত নয়।
  • ফায়ারফক্স সমর্থিত নয়।
  • সাফারি: ২৬.৪।

sizes অ্যাট্রিবিউটে গাণিতিক ফাংশন

Safari 26.4-এ <img> এলিমেন্টের sizes অ্যাট্রিবিউটে min() , max() , এবং clamp() ম্যাথ ফাংশন ব্যবহারের সুবিধা যোগ করা হয়েছে। এটি রেসপন্সিভ ইমেজ লোডিংয়ের ক্ষেত্রে আরও বেশি নমনীয়তা প্রদান করে।

জাভাস্ক্রিপ্ট ইটারেটর সিকোয়েন্সিং

ক্রোম ১৪৬ এবং সাফারি ২৬.৪ উভয়ই এখন ইটারেটর সিকোয়েন্সিং সমর্থন করে। এর জন্য বিদ্যমান ইটারেটরগুলোকে ক্রমানুসারে সাজিয়ে নতুন ইটারেটর তৈরি করতে Iterator.concat(...items) ফাংশনটি চালু করা হয়েছে। এই ফিচারটি এখন বেসলাইন হিসেবে নতুনভাবে উপলব্ধ।

Browser Support

  • ক্রোম: ১৪৬।
  • প্রান্ত: ১৪৬।
  • ফায়ারফক্স: ১৪৭।
  • সাফারি: ২৬.৪।

Source

ক্লোজওয়াচার ইন্টারফেস

ফায়ারফক্স ১৪৯-এ CloseWatcher ইন্টারফেসের জন্য সমর্থন যোগ করা হয়েছে। এর ফলে ডেভেলপাররা এমন কম্পোনেন্ট তৈরি করতে পারবেন, যা বিল্ট-ইন ডায়ালগ এবং পপওভারের মতোই ডিভাইসের নিজস্ব পদ্ধতি, যেমন—উইন্ডোজে Esc কী বা অ্যান্ড্রয়েডে Back কী ব্যবহার করে বন্ধ করা যায়।

Browser Support

  • ক্রোম: ১২৬।
  • প্রান্ত: ১২৬।
  • ফায়ারফক্স টেকনোলজি প্রিভিউ: সমর্থিত।
  • সাফারি সমর্থিত নয়।

Source

বিটা ব্রাউজার রিলিজ

বিটা ব্রাউজার সংস্করণগুলো পরবর্তী স্থিতিশীল ব্রাউজার সংস্করণে অন্তর্ভুক্ত হতে যাওয়া ফিচারগুলোর একটি পূর্বরূপ প্রদান করে। স্থিতিশীল সংস্করণটি প্রকাশের আগেই আপনি নতুন ফিচার পরীক্ষা করতে পারেন অথবা এমন কিছু ফিচার সরিয়ে ফেলতে পারেন যা আপনার সাইটকে প্রভাবিত করতে পারে। এই মাসের নতুন বিটা সংস্করণগুলোর মধ্যে রয়েছে ফায়ারফক্স ১৫০ এবং ক্রোম ১৪৭ ।

ক্রোম ১৪৭ বিটা

ক্রোম ১৪৭ বিটা-তে contrast-color() অন্তর্ভুক্ত করা হয়েছে—এটি একটি CSS ফাংশন যা `color` আর্গুমেন্টের সাপেক্ষে সর্বোচ্চ কনট্রাস্টের উপর নির্ভর করে কালো বা সাদা রঙ রিটার্ন করে। এছাড়াও এতে border-shape এবং `element-scoped view transitions` অন্তর্ভুক্ত রয়েছে।

ফায়ারফক্স ১৫০ বিটা সংস্করণে CSS revert-rule কীওয়ার্ড, এলিমেন্টের জন্য customeElementRegistry ও DocumentOrShadowRoot এবং ছবির জন্য light-dark() ফাংশন যুক্ত করা হয়েছে।