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

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

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

প্রকাশিত: এপ্রিল 30, 2025

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

এপ্রিল 2025-এ Firefox 137 , Firefox 138 , Chrome 135 , এবং Chrome 136 স্থিতিশীল হয়ে ওঠে। এই পোস্টটি এক মাসের মধ্যে ওয়েব প্ল্যাটফর্মে যোগ করা নতুন বৈশিষ্ট্যগুলি দেখেছে যা Chrome এবং Firefox থেকে দুটি রিলিজ দেখেছে।

ক্যারোসেল ক্রোমে অবতরণ করে

135 সংস্করণে Chrome-এ তাদের প্রবেশ করা বেশ কয়েকটি বৈশিষ্ট্য ওয়েবে ক্যারোসেল এবং অন্যান্য পৃষ্ঠাযুক্ত অভিজ্ঞতা তৈরি করতে সক্ষম করে৷

::scroll-button() এবং ::scroll-marker() ছদ্ম-উপাদানগুলি আপনাকে আপনার সাইটের যেকোন স্ক্রোলযোগ্য এলাকায় বোতাম এবং মার্কার যুক্ত করতে দেয়, এটিকে নেভিগেশন নিয়ন্ত্রণ দেয় এবং ক্যারাউজেলের মাধ্যমে অগ্রগতির সাথে সাথে ব্যবহারকারীকে তারা কোথায় আছে তা দেখানোর একটি উপায় দেয়৷

Browser Support

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

Source

::column ছদ্ম-উপাদান যা আপনাকে একটি কলাম খণ্ডকে স্টাইল করতে দেয়।

Browser Support

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

Source

interactivity বৈশিষ্ট্য নির্দিষ্ট করে যে একটি উপাদান এবং এর সমতল গাছের বংশধর (টেক্সট রান সহ) জড় কিনা।

Browser Support

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

একটি উপাদানকে নিষ্ক্রিয় করা এটিকে ফোকাস করা, সম্পাদনা করা, নির্বাচন করা এবং সন্ধানযোগ্য পৃষ্ঠায় অনুসন্ধান করা যায় কিনা তা প্রভাবিত করে। এটি অ্যাক্সেসিবিলিটি ট্রিতে দৃশ্যমান কিনা তাও প্রভাবিত করে৷

আপনি CSS এর সাথে Carousels- এ আরও শিখতে পারেন।

গুণাবলীর জন্য command এবং commandfor

এছাড়াও Chrome 135-এ রয়েছে command এবং commandfor অ্যাট্রিবিউট। এগুলি popovertargetaction এবং popovertarget বৈশিষ্ট্যগুলিকে উন্নত এবং প্রতিস্থাপন করে। এই নতুন বৈশিষ্ট্যগুলি বোতামগুলিতে যোগ করা যেতে পারে, ব্রাউজারটিকে সরলতা এবং অ্যাক্সেসযোগ্যতার বিষয়ে কিছু মূল সমস্যা সমাধান করতে দেয় এবং অন্তর্নির্মিত সাধারণ কার্যকারিতা প্রদান করে।

command এবং commandfor পরিচয়ে আরও জানুন।

Browser Support

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

Source

CSS shape() ফাংশন

Chrome 135-এর shape() CSS ফাংশনটি clip-path এবং offset-path বৈশিষ্ট্যগুলির জন্য একটি আকৃতি নির্ধারণ করতে ব্যবহৃত হয়। প্রতিক্রিয়াশীল ক্লিপিংয়ের জন্য এটি কীভাবে ব্যবহার করবেন তা শিখুন। এই ফাংশনটি Safari 18.4-এ পাঠানো হয়েছে এবং Firefox Nightly-তেও রয়েছে, আশা করি খুব শীঘ্রই এটি বেসলাইন নতুনভাবে উপলব্ধ হবে।

Browser Support

  • ক্রোম: 135।
  • প্রান্ত: 135।
  • ফায়ারফক্স প্রযুক্তি পূর্বরূপ: সমর্থিত।
  • সাফারি: 18.4.

Source

Atomics.pause()

Firefox 137-এর মধ্যে রয়েছে Atomics.pause() এই বৈশিষ্ট্যটি বেসলাইন নতুনভাবে উপলব্ধ। এই স্ট্যাটিক পদ্ধতিটি একটি মাইক্রো-ওয়েট প্রিমিটিভ প্রদান করে যা CPU-কে ইঙ্গিত দেয় যে একটি শেয়ার্ড রিসোর্সে অ্যাক্সেসের জন্য অপেক্ষা করার সময় কলার ঘুরছে। এটি সিস্টেমকে বর্তমান থ্রেড না দিয়ে কোর (যেমন পাওয়ার) বা থ্রেডে বরাদ্দ করা সংস্থান হ্রাস করতে দেয়।

Browser Support

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

Source

CSS hyphenate-limit-chars

Firefox 137-এ CSS hyphenate-limit-chars প্রপার্টিও রয়েছে। এই বৈশিষ্ট্যটি শব্দের হাইফেনেশনের অনুমতি দেওয়ার জন্য একটি ন্যূনতম শব্দ দৈর্ঘ্য এবং হাইফেনের আগে এবং পরে ন্যূনতম সংখ্যক অক্ষর নির্দিষ্ট করে৷

Browser Support

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

Source

RegExp.escape

RegExp.escape স্ট্যাটিক পদ্ধতিটি কয়েক মাসের মধ্যে সমস্ত ব্রাউজারে ল্যান্ড করেছে এবং Chrome 136-এ অবতরণ করার সাথে সাথে বেসলাইন নতুনভাবে উপলব্ধ হয়ে গেছে।

এই পদ্ধতিটি একটি স্ট্রিং-এ যেকোন সম্ভাব্য রেগুলার এক্সপ্রেশন সিনট্যাক্স অক্ষরকে এড়িয়ে যায়, একটি নতুন স্ট্রিং ফিরিয়ে দেয় যা RegExp() কন্সট্রাক্টরের জন্য আক্ষরিক প্যাটার্ন হিসাবে নিরাপদে ব্যবহার করা যেতে পারে।

Browser Support

  • ক্রোম: 136।
  • প্রান্ত: 136।
  • ফায়ারফক্স: 134।
  • সাফারি: 18.2।

Source

Error.isError()

Error.isError() স্ট্যাটিক পদ্ধতি নির্ধারণ করে যে পাস করা মানটি একটি ত্রুটি কিনা। এটি ফায়ারফক্স 138-এ অন্তর্ভুক্ত রয়েছে। যদিও এটির সমস্ত ব্রাউজারে ব্রাউজার সমর্থন রয়েছে, তবে এটিকে এখনও বেসলাইন নতুনভাবে উপলব্ধ হিসাবে বিবেচনা করা হয়নি কারণ সাফারি বর্তমানে DOMException উদাহরণগুলির জন্য false ফেরত দেয়।

Browser Support

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

Source

FedCM-এর জন্য লগইন স্থিতি API

ফেডারেটেড ক্রেডেনশিয়াল ম্যানেজমেন্ট (FedCM) API ব্যবহার করার সময় Firefox 138 লগইন স্ট্যাটাস API সমর্থন করে। এটি একটি ব্রাউজার ব্যবহারকারী একটি পরিচয় প্রদানকারীতে লগ ইন করেছে কিনা তা সেট করতে এবং পরীক্ষা করতে ব্যবহৃত হয়৷ Firefox 138-এ NavigatorLogin ইন্টারফেস, navigator.login বৈশিষ্ট্য এবং Set-Login HTTP প্রতিক্রিয়া শিরোনামের জন্য সমর্থন অন্তর্ভুক্ত রয়েছে।

Browser Support

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

Source

আমদানি মানচিত্র অখণ্ডতা

Firefox 138-এ <script> এলিমেন্টের type অ্যাট্রিবিউটের importmap মান এখন integrity কী সমর্থন করে। এটি আমদানি মানচিত্রে উল্লেখ করা ES মডিউল URLগুলিকে তাদের অখণ্ডতা মেটাডেটার সাথে মেলাতে অনুমতি দেয়৷ এই বৈশিষ্ট্যটি এখন বেসলাইন নতুনভাবে উপলব্ধ।

Browser Support

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

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

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

Safari 18.5 বিটা এখন পর্যন্ত তাদের বড় 18.4 রিলিজের পরে মাত্র কয়েকটি বাগ ফিক্স অন্তর্ভুক্ত করেছে।

লেখার সময় পর্যন্ত ফায়ারফক্স তাদের রিলিজ নোট প্রকাশ করেনি, তবে বিটাতে টেম্পোরাল API- এর শিপিং অন্তর্ভুক্ত বলে মনে হচ্ছে, যার ফলে ফায়ারফক্স তারিখের এই উন্নত সংস্করণটি পাঠানোর জন্য প্রথম ব্রাউজার তৈরি করেছে। এছাড়াও <dialog> request.close() এর বাস্তবায়ন, যা এই পদ্ধতিটিকে নতুনভাবে উপলব্ধ বেসলাইনে নিয়ে আসবে।