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

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

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

প্রকাশিত: ২৪ এপ্রিল, ২০২৬

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

এপ্রিল মাসে ক্রোম ১৪৭ এবং ফায়ারফক্স ১৫০-এর স্থিতিশীল সংস্করণ প্রকাশিত হয়েছে। এই মাসে সাফারির কোনো স্থিতিশীল সংস্করণ প্রকাশিত হয়নি। এই পোস্টে এই মাসের বিভিন্ন নতুন বৈশিষ্ট্যগুলো তুলে ধরা হয়েছে।

contrast-color() CSS ফাংশনটি Baseline হয়ে যায়।

ক্রোম ১৪৭ সংস্করণে contrast-color() ফাংশনটি যুক্ত হওয়ায়, এই দরকারি অ্যাক্সেসিবিলিটি ফিচারটি এখন সব প্রধান ইঞ্জিনেই উপলব্ধ, ফলে এটি এখন বেসলাইন হিসেবে নতুনভাবে উপলব্ধ।

এই ফাংশনটি একটি রঙের মান গ্রহণ করে এবং প্রদত্ত রঙের বিপরীতে যেটি সর্বোচ্চ কনট্রাস্ট প্রদান করে, তার উপর ভিত্তি করে কালো বা সাদা রঙ ফেরত দেয়। এটি আপনার টেক্সট যাতে অ্যাক্সেসিবিলিটি কনট্রাস্টের প্রয়োজনীয়তা পূরণ করে, তা নিশ্চিত করতে সাহায্য করে।

Browser Support

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

Source

স্ক্রল-চালিত অ্যানিমেশন রেঞ্জ প্রোপার্টিগুলো এখন বেসলাইন।

ফায়ারফক্স ১৫০-এ animation-range-start এবং animation-range-end প্রপার্টিগুলোর পাশাপাশি animation-range শর্টহ্যান্ডের সাপোর্টও অন্তর্ভুক্ত করা হয়েছে। এর ফলে এই প্রপার্টিগুলো নতুনভাবে উপলব্ধ হলো।

এই প্রোপার্টিগুলোর মাধ্যমে আপনি নিয়ন্ত্রণ করতে পারেন যে, একটি স্ক্রল-চালিত অ্যানিমেশন টাইমলাইনের কোন স্থানে অ্যানিমেশনটি শুরু এবং শেষ হবে।

Browser Support

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

Source

ariaNotify() পদ্ধতি

ফায়ারফক্স ১৫০-এ Document এবং Element এ ariaNotify() মেথডের সাপোর্ট যুক্ত করা হয়েছে। এই মেথডটি কন্টেন্ট লেখকদের স্ক্রিন রিডারের মাধ্যমে ঘোষণার জন্য একটি টেক্সট স্ট্রিং কিউতে যুক্ত করার সুযোগ দেয়।

এটি ARIA লাইভ রিজিয়নের একটি আরও নির্ভরযোগ্য এবং ব্যবহার-বান্ধব বিকল্প প্রদান করে, বিশেষ করে সেইসব ঘোষণার জন্য যা DOM আপডেটের সাথে সংযুক্ত নয়।

Browser Support

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

Source

লেজি-লোডেড ইমেজের জন্য স্বয়ংক্রিয় আকার

ফায়ারফক্স ১৫০ এখন <img> এলিমেন্টের sizes অ্যাট্রিবিউটের জন্য "auto" কীওয়ার্ডটি সাপোর্ট করে। এর ফলে, লেজি-লোডেড ইমেজগুলো একটি srcset থেকে সেরা সোর্স বেছে নেওয়ার জন্য ক্যালকুলেটেড ইমেজ লেআউট সাইজ ব্যবহার করতে পারে, যা রেসপন্সিভ ইমেজ সেটআপকে সহজ করে তোলে।

Browser Support

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

Source

এলিমেন্ট-স্কোপড ভিউ ট্রানজিশন

ক্রোম ১৪৭ যেকোনো HTML এলিমেন্টে element.startViewTransition() ব্যবহারের সুযোগ করে দিয়েছে। এর ফলে একটি নির্দিষ্ট এলিমেন্টের মধ্যে ট্রানজিশন সীমাবদ্ধ রাখা যায়, যার অর্থ হলো সিউডো-এলিমেন্টগুলো তাদের পূর্ববর্তী ক্লিপ ও ট্রান্সফর্ম দ্বারা প্রভাবিত হয় এবং একাধিক ট্রানজিশন একই সাথে চলতে পারে।

CSS border-shape প্রপার্টি

ক্রোম ১৪৭-এ ' border-shape প্রপার্টিটি চালু করা হয়েছে, যার মাধ্যমে বহুভুজ বা বৃত্তের মতো আকৃতি ব্যবহার করে আয়তক্ষেত্রাকার নয় এমন বর্ডার তৈরি করা যায়।

SVG <textPath> পাথ অ্যাট্রিবিউট

ক্রোম ১৪৭-এ SVG <textPath> এলিমেন্টে path অ্যাট্রিবিউটের সাপোর্ট যোগ করা হয়েছে, যার ফলে আপনি ইনলাইনে টেক্সট পাথের জ্যামিতি নির্ধারণ করতে পারবেন।

Browser Support

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

JSON এবং স্টাইলের জন্য মডিউলপ্রিলোড সমর্থন

ক্রোম ১৪৭-এ <link rel="modulepreload"> ডেস্টিনেশন হিসেবে JSON এবং স্টাইল মডিউল টাইপের জন্য সমর্থন যোগ করা হয়েছে।

Browser Support

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

Math.sumPrecise

ক্রোম ১৪৭-এ Math.sumPrecise এর জন্য TC39 প্রস্তাবনাটি বাস্তবায়ন করা হয়েছে, যা একটি ইটারেবলের মানগুলোর সুনির্দিষ্ট যোগফল প্রদান করে। এই মেথডটি এখন বেসলাইন নিউলি হিসেবে উপলব্ধ।

Browser Support

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

Source

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

ব্রাউজারের বিটা সংস্করণগুলো আপনাকে ব্রাউজারের পরবর্তী স্থিতিশীল সংস্করণে কী কী থাকবে তার একটি পূর্বরূপ দেখায়। বিশ্বব্যাপী সেই সংস্করণটি প্রকাশের আগেই নতুন ফিচার পরীক্ষা করার বা এমন কিছু বাদ দেওয়ার জন্য এটি একটি দারুণ সময়, যা আপনার সাইটকে প্রভাবিত করতে পারে। এই মাসের নতুন বিটাগুলো হলো Chrome 148 , Firefox 151 এবং Safari 26.5 ।

ক্রোম ১৪৮ বিটা সংস্করণে CSS-এ শুধুমাত্র নাম-ভিত্তিক কন্টেইনার কোয়েরি, ভিডিও ও অডিও এলিমেন্টের জন্য লেজি লোডিং এবং @supports এ ফিচার ডিটেকশনের জন্য at-rule() ফাংশন অন্তর্ভুক্ত রয়েছে।

ফায়ারফক্স ১৫১ বিটাতে সিএসএস কন্টেইনার স্টাইল কোয়েরি অন্তর্ভুক্ত করা হয়েছে।

সাফারি ২৬.৫ বিটাতে বহু সমস্যার সমাধানের পাশাপাশি <details> , <dialog> , <select> , এবং <input> এলিমেন্টগুলিতে :open সিউডো-ক্লাসের সাপোর্ট অন্তর্ভুক্ত করা হয়েছে।