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

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

2024 সালের সেপ্টেম্বরে, Firefox 130 , Safari 18 , এবং Chrome 129 স্থিতিশীল হয়ে ওঠে। এই পোস্টটি ওয়েব প্ল্যাটফর্মে যোগ করা নতুন বৈশিষ্ট্যগুলি দেখে।

<details> এর জন্য name বৈশিষ্ট্য সহ একচেটিয়া অ্যাকর্ডিয়ন

ফায়ারফক্স 130 <details> উপাদানটির name বৈশিষ্ট্য সমর্থন করে। এই গ্রুপ <details> উপাদান, যেখানে একটি গ্রুপের মধ্যে শুধুমাত্র একটি উপাদান একবারে খোলা হতে পারে। এটি আপনাকে জাভাস্ক্রিপ্ট ব্যবহার না করেই একটি এক্সক্লুসিভ অ্যাকর্ডিয়ন তৈরি করতে দেয়।

Browser Support

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

স্বয়ংক্রিয়ভাবে অ্যানিমেট করুন (এবং আরও)

ক্রোম 129 সিএসএস interpolate-size প্রপার্টি এবং calc-size() ফাংশন যোগ করে।

সিএসএস interpolate-size বৈশিষ্ট্য একটি পৃষ্ঠাকে অ্যানিমেশন এবং সিএসএস অন্তর্নিহিত সাইজিং কীওয়ার্ড যেমন auto , min-content এবং fit-content ট্রানজিশন বেছে নিতে দেয়, যে ক্ষেত্রে এই কীওয়ার্ডগুলি অ্যানিমেটেড করা যেতে পারে।

Browser Support

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

Source

CSS calc-size() ফাংশন হল একটি CSS ফাংশন যা calc() এর অনুরূপ, তবে এটি ঠিক একটি সমর্থিত সাইজিং কীওয়ার্ডের অপারেশনকেও সমর্থন করে। সমর্থিত সাইজিং কীওয়ার্ডগুলি হল auto , min-content , max-content এবং fit-content

Browser Support

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

Source

অ্যানিমেট থেকে উচ্চতায় আরও জানুন: স্বয়ংক্রিয়; (এবং অন্যান্য অন্তর্নিহিত সাইজিং কীওয়ার্ড) CSS-এ

জাভাস্ক্রিপ্টে সময়কাল ফর্ম্যাট করুন

এছাড়াও Chrome 129-এ রয়েছে Intl.DurationFormat , সময়কাল ফর্ম্যাট করার একটি পদ্ধতি প্রদান করে, উদাহরণস্বরূপ "1 ঘন্টা 40 মিনিট 30 সেকেন্ড", যা একাধিক লোকেল সমর্থন করে৷

Browser Support

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

Source

WebCodecs API

ওয়েব কোডেক এপিআই এখন ফায়ারফক্স 130-এ ডেস্কটপে সমর্থিত, যা ওয়েব ডেভেলপারদের একটি ভিডিও স্ট্রিমের পৃথক ফ্রেম এবং অডিওর অংশগুলিতে নিম্ন-স্তরের অ্যাক্সেস দেয়। নতুন ইন্টারফেসগুলির মধ্যে রয়েছে: VideoEncoder , VideoDecoder , EncodedVideoChunk , VideoFrame , এবং VideoColorSpace ৷ এই APIটি বেসলাইনটিকে নতুনভাবে উপলব্ধ করে না কারণ এটি এখনও ফায়ারফক্স অ্যান্ড্রয়েডে সমর্থিত নয়, তবে অ্যান্ড্রয়েডের জন্য ফায়ারফক্স নাইটলি সমর্থন রয়েছে।

Browser Support

  • ক্রোম: 94।
  • প্রান্ত: 94।
  • ফায়ারফক্স: 130।
  • সাফারি: 16.4.

Source

কাস্টম বৈশিষ্ট্যের জন্য CSS শৈলী প্রশ্ন

Safari 18 CSS স্টাইল কোয়েরি সহ বেশ কয়েকটি নতুন বৈশিষ্ট্যের জন্য সমর্থন নিয়ে আসে। শৈলী প্রশ্নগুলি পুনরায় ব্যবহারযোগ্য শৈলী তৈরি করার একটি উপায় প্রদান করে এবং সেগুলিকে একটি গোষ্ঠী হিসাবে প্রয়োগ করে৷ উদাহরণস্বরূপ যখন আপনার একাধিক বৈচিত্র সহ একটি পুনরায় ব্যবহারযোগ্য উপাদান থাকে।

Browser Support

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

Source

CSS শৈলী প্রশ্ন সম্পর্কে আরও জানুন।

একই ডকুমেন্ট ভিউ ট্রানজিশন

Safari 18 SPA-এর জন্য একই ডকুমেন্ট ভিউ ট্রানজিশন সমর্থন করে, যা আপনাকে একটি অ্যাপের বিভিন্ন স্টেটের মধ্যে ভিজ্যুয়াল ট্রানজিশন তৈরি করতে দেয়।

Browser Support

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

Source

একই ডকুমেন্ট ভিউ ট্রানজিশন সম্পর্কে আরও জানুন

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

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

Firefox 131-এ নতুন জাভাস্ক্রিপ্ট ইটারেটার সহায়িকা এবং কুকিজ রয়েছে যা ইন্ডিপেন্ডেন্ট পার্টিশন স্টেট (CHIPS) এখন সক্রিয় করা হয়েছে।

Chrome 130-এ box-decoration-break: clone । IndexedDB-এ আরও ভাল ত্রুটি রিপোর্টিং এবং ওয়েব সিরিয়াল SerialPort ইন্টারফেসের জন্য একটি নতুন connected বৈশিষ্ট্য রয়েছে।

Safari 18.1 হল বিদ্যমান বৈশিষ্ট্যগুলিতে বাগ ফিক্সের একটি প্রকাশ।