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

জুন 2025 এর মধ্যে স্থিতিশীল এবং বিটা ওয়েব ব্রাউজারে অবতরণ করা কিছু আকর্ষণীয় বৈশিষ্ট্য আবিষ্কার করুন।

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

প্রকাশিত: জুন 30, 2025

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

জুন 2025 এ ফায়ারফক্স 140 এবং ক্রোম 138 স্থিতিশীল হয়ে ওঠে। এই পোস্টটি এই রিলিজের সাথে ওয়েব প্ল্যাটফর্মে যোগ করা নতুন বৈশিষ্ট্যগুলি দেখে।

এইচটিএমএল সিরিয়ালাইজ করার সময় এস্কেপ < এবং > অ্যাট্রিবিউটে

ক্রোম 138 এবং ফায়ারফক্স 140 উভয়ই এই পরিবর্তনটি অন্তর্ভুক্ত করে যাতে শোষণ প্রতিরোধ করা হয় যেখানে এইচটিএমএল সিরিয়ালাইজ করা হয় তারপরে DOM-এ ফেরত দেওয়া হয়। এই পরিবর্তনটি Safari 26-এর জন্য বিটাতেও অন্তর্ভুক্ত করা হয়েছে। কেন এই পরিবর্তনের প্রয়োজন ছিল সে সম্পর্কে আরও জানুন ।

CSS কাস্টম হাইলাইট API

Firefox 140 CSS কাস্টম হাইলাইট API প্রয়োগ করে। এটি আপনাকে অন্যান্য হাইলাইট CSS সিউডো-এলিমেন্ট যেমন ::grammar-error এর মতো একটি নথিতে নির্বিচারে পাঠ্য পরিসীমা সংজ্ঞায়িত এবং শৈলী করতে দেয়।

Browser Support

  • ক্রোম: 105।
  • প্রান্ত: 105।
  • ফায়ারফক্স: 140।
  • সাফারি: 17.2।

Source

জাভাস্ক্রিপ্ট API-এর পাশাপাশি, কাজটিতে CSS ::highlight pseudo-element অন্তর্ভুক্ত রয়েছে, যা নিবন্ধিত হাইলাইটে স্টাইল প্রয়োগ করতে ব্যবহৃত হয়। যদিও এই বৈশিষ্ট্যটি এখন বিস্তৃতভাবে ইন্টারঅপারেবল, ::highlight ছদ্ম-উপাদানের কিছু সমস্যা এটিকে এখনও পুরোপুরি বেসলাইন করে তোলে না।

কুকি স্টোর API হল কুকি পরিচালনার জন্য একটি অ্যাসিঙ্ক্রোনাস API, এবং এটি Firefox 140 থেকে সমর্থিত৷ এখন সমস্ত ব্রাউজারে এই API-এর জন্য মৌলিক সমর্থন রয়েছে, তবে যে অংশগুলি এখনও আন্তঃপ্রক্রিয়াযোগ্য নয় সেগুলির তথ্যের জন্য MDN-এ সামঞ্জস্যপূর্ণ চার্ট দেখুন৷

Browser Support

  • ক্রোম: 87।
  • প্রান্ত: 87।
  • ফায়ারফক্স: 140।
  • সাফারি: 18.4.

Source

মিউটেশন ঘটনা অপসারণ

ইন্টারপ 2025 এ এই বছর একটি অপসারণ রয়েছে। DOMSubtreeModified , DOMNodeInserted , এবং DOMNodeRemoved এর মত লিগ্যাসি মিউটেশন ইভেন্টগুলি DOM-এ পরিবর্তনের জন্য নজর রাখে এবং DOM পরিবর্তন ঘটলে একটি ইভেন্ট লিসেনার কলব্যাক চালায়৷ এই মিউটেশন ইভেন্টগুলি মিউটেশন অবজারভার এপিআই-এর পক্ষে বঞ্চিত হয়েছিল, যা আরও কার্যকারি এবং কম ত্রুটি-প্রবণ।

Firefox 140 এই ইভেন্টগুলিকে সরিয়ে দেয়, যা ইতিমধ্যেই Chrome থেকে সরানো হয়েছে।

Browser Support

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

Source

Chrome 138-এ CSS ফাংশন

Chrome 138-এ CSS ফাংশনগুলির একটি সম্পূর্ণ সেট অন্তর্ভুক্ত রয়েছে, এর মধ্যে কিছু প্ল্যাটফর্মে নতুন, অন্যগুলি Chrome-এ তাদের অন্তর্ভুক্তির মাধ্যমে বেসলাইন হয়ে উঠেছে।

সাইন-সম্পর্কিত ফাংশন abs() এবং sign() Chrome 138-এর সাথে নতুনভাবে উপলব্ধ বেসলাইন হয়ে গেছে।

Browser Support

  • ক্রোম: সমর্থিত নয়।
  • প্রান্ত: সমর্থিত নয়।
  • ফায়ারফক্স: 118।
  • সাফারি: 15.4.

Source

প্ল্যাটফর্মে নতুন হল ইন্টারপোলেশন ফাংশন— progress() ।

Chrome 138-এ sibling-index() এবং sibling-count() অন্তর্ভুক্ত রয়েছে। এগুলি সিএসএস সম্পত্তির মানগুলিতে পূর্ণসংখ্যা হিসাবে ব্যবহার করা যেতে পারে তার ভাইবোনদের মধ্যে তাদের অবস্থানের ভিত্তিতে বা যথাক্রমে ভাইবোনের মোট সংখ্যার উপর ভিত্তি করে স্টাইল উপাদানগুলির জন্য।

অনুবাদ, ভাষা সনাক্তকরণ এবং সংক্ষিপ্তকরণের জন্য অন্তর্নির্মিত AI API

Chrome 138-এ তিনটি অন্তর্নির্মিত JavaScript AI API অন্তর্ভুক্ত রয়েছে। ট্রান্সলেটর এবং ল্যাঙ্গুয়েজ ডিটেক্টর এপিআই আপনাকে টেক্সট যে ভাষায় লেখা আছে তা সনাক্ত করতে এবং সেই টেক্সটটিকে বিভিন্ন ভাষায় অনুবাদ করতে দেয়। তারা ব্রাউজারের নিজস্ব অভ্যন্তরীণ AI মডেল ব্যবহার করে এবং তাই এই কাজটি ডিভাইসে করে।

Browser Support

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

Summarizer API ব্রাউজারের অভ্যন্তরীণ AI মডেল ব্যবহার করে আবার ডিভাইসে টেক্সট সংক্ষিপ্ত করে।

Browser Support

  • ক্রোম: 138।
  • প্রান্ত: একটি পতাকার পিছনে।
  • ফায়ারফক্স: সমর্থিত নয়।
  • সাফারি: সমর্থিত নয়।

ওয়েবকোডেক্সে ভিডিও ফ্রেম ওরিয়েন্টেশনের জন্য সমর্থন

Chrome 138 এছাড়াও WebCodecs-এ বিভিন্ন ভিডিও সম্পর্কিত ইন্টারফেসে rotation: int এবং flip: bool মান যুক্ত করে যাতে বিকাশকারীরা ফ্রেম উত্সগুলির সাথে কাজ করতে পারে যেগুলির অভিযোজন রয়েছে৷

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

বিটা ব্রাউজার সংস্করণগুলি আপনাকে সেই জিনিসগুলির একটি পূর্বরূপ দেয় যা ব্রাউজারের পরবর্তী স্থিতিশীল সংস্করণে থাকবে৷ নতুন বৈশিষ্ট্যগুলি পরীক্ষা করার জন্য এটি একটি দুর্দান্ত সময়, বা অপসারণ, যা বিশ্ব এই প্রকাশ পাওয়ার আগে আপনার সাইটকে প্রভাবিত করতে পারে৷ নতুন বিটা হল Firefox 141 , Safari 26 , এবং Chrome 139 ।

Safari 26 ব্রাউজারের জন্য একটি বৈশিষ্ট্য-প্যাকড রিলিজ হওয়ার প্রতিশ্রুতি দেয়। CSS-এর জন্য এতে overflow-block এবং overflow-inline , স্ক্রোল-চালিত অ্যানিমেশন, অ্যাঙ্কর পজিশনিং, CSS progress() ফাংশন এবং আরও অনেক কিছুর জন্য সমর্থন অন্তর্ভুক্ত রয়েছে। AudioEncoder এবং AudioDecoder API, URLPattern API, Digital Credentials API, Trusted Types এবং WebAuthn Signal API-এর জন্যও সমর্থন রয়েছে।

Chrome 139-এ CSS কাস্টম ফাংশন, কর্নার শেপিং এবং caret-animation প্রপার্টি অন্তর্ভুক্ত রয়েছে। এছাড়াও অন-ডিভাইস ওয়েব স্পিচ এপিআই, ওয়েব অ্যাপ স্কোপ এক্সটেনশন এবং request-close ইনভোকার কমান্ড অন্তর্ভুক্ত রয়েছে।

Firefox 141 showPopover() এবং togglePopover() এর জন্য options.source আর্গুমেন্ট যোগ করে, একটি পপওভার এবং এর ইনভোকারের মধ্যে একটি সম্পর্ক স্থাপন করতে। এটি CSS font-variant-emoji সম্পত্তির জন্য সমর্থনও অন্তর্ভুক্ত করে।