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

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

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

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

ডিসেম্বর 2023-এ Firefox 121 , Chrome 120 , এবং Safari 17.2 স্থিতিশীল হয়ে ওঠে। এই পোস্টটি ওয়েব প্ল্যাটফর্মের জন্য এর অর্থ কী তা দেখায়।

সিএসএস নেস্টিংয়ের জন্য শিথিল পার্সিং

ক্রোম 120 এবং সাফারি 17.2 সিএসএস নেস্টিংয়ের জন্য শিথিল পার্সিং অন্তর্ভুক্ত করে। যেহেতু এটি ফায়ারফক্সে 117 সংস্করণ থেকে সমর্থিত হয়েছে, এর মানে হল যে সমস্ত প্রধান ইঞ্জিন এই সিনট্যাক্স পরিবর্তনকে সমর্থন করে।

<details> উপাদানের সাথে একচেটিয়া অ্যাকর্ডিয়ন

Chrome 120 এবং Safari 17.2 এ <details> উপাদানের জন্য name বৈশিষ্ট্যের সমর্থন অন্তর্ভুক্ত করে। এর মানে হল যে আপনি অনেকগুলি <details> উপাদানগুলিকে গোষ্ঠীবদ্ধ করে একচেটিয়া অ্যাকর্ডিয়ন উপাদান তৈরি করতে পারেন।

এক্সক্লুসিভ অ্যাকর্ডিয়নে আরও জানুন।

ব্রাউজার সমর্থন

  • 120
  • 120
  • এক্স
  • 17.2

:has() নির্বাচক

Firefox 121-এর মধ্যে CSS :has() নির্বাচক রয়েছে। এই রিলিজটি :has() সমস্ত প্রধান ইঞ্জিন জুড়ে ইন্টারঅপারেবল করে।

আরও জানুন :has() : পারিবারিক নির্বাচক ।

ব্রাউজার সমর্থন

  • 105
  • 105
  • 121
  • 15.4

উৎস

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

Safari 17.2- এ CSS কাস্টম হাইলাইট API অন্তর্ভুক্ত রয়েছে যা আপনাকে টেক্সট রেঞ্জ তৈরি করতে এবং স্টাইল করতে দেয়, স্ট্যান্ডার্ড হাইলাইট সিউডো-ক্লাস যেমন ::selection প্রসারিত করে।

ব্রাউজার সমর্থন

  • 105
  • 105
  • 17.2

উৎস

ক্লোজওয়াচার এপিআই

ক্রোম 120 ক্লোজওয়াচার এপিআই অন্তর্ভুক্ত করে, একটি নতুন এপিআই যা শোনার এবং ক্লোজ রিকোয়েস্টে সাড়া দেওয়ার জন্য। এই অনুরোধগুলি ডেস্কটপে ESC কী এবং অ্যান্ড্রয়েডে পিছনের অঙ্গভঙ্গি বা বোতাম দ্বারা ট্রিগার করা হয় এবং ভালভাবে বাস্তবায়ন করা কঠিন হতে পারে।

এপিআই ছাড়াও, Chrome 120 আপগ্রেড করে <dialog> এবং popover অ্যাট্রিবিউট অ্যান্ড্রয়েড ব্যাক বোতামে সাড়া দিতে।

ব্রাউজার সমর্থন

  • এক্স
  • এক্স
  • এক্স
  • এক্স

CSS text-wrap: balance এবং stable

Firefox 121 text-wrap জন্য balance এবং stable মান অন্তর্ভুক্ত করে। balance মান কন্টেন্টের ছোট ব্লকের জন্য উপযোগী যেমন শিরোনাম, আরও আনন্দদায়ক এবং সহজে পাঠ্য তৈরি করে। stable মান সম্পাদনাযোগ্য বিষয়বস্তু সম্পাদনা করার সময় রিলো হতে বাধা দেয়।

text-wrap: balance সম্পর্কে আরও জানুন।

text-wrap: balance

ব্রাউজার সমর্থন

  • 114
  • 114
  • 121
  • 17.5

উৎস

text-wrap: stable

ব্রাউজার সমর্থন

  • এক্স
  • এক্স
  • 121
  • 17.5

উৎস

<iframe> উপাদানের অলস-লোডিং

Firefox 121 <iframe> উপাদানগুলিতে loading বৈশিষ্ট্য সমর্থন করে। এর মানে হল যে আইফ্রেমের অলস-লোডিং এখন সমস্ত বড় ইঞ্জিনে সমর্থিত।

ব্রাউজার সমর্থন

  • 77
  • 79
  • 121
  • 16.4

linear() ইজিং ফাংশনের জন্য সমর্থন

Safari 17.2 এ linear() ইজিং ফাংশনের জন্য সমর্থনও রয়েছে, যা বাউন্স এবং স্প্রিং ইফেক্ট তৈরি করতে ব্যবহার করা যেতে পারে।

ব্রাউজার সমর্থন

  • 113
  • 113
  • 112
  • 17.2

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

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

Firefox 122 এবং Chrome 121 HTMLSelectElement-এর জন্য showPicker() পদ্ধতি অন্তর্ভুক্ত করে। এটি একই বাছাইকারী দেখায় যা উপাদানটি নির্বাচন করার সময় দেখানো হবে, কিন্তু একটি বোতাম প্রেস বা অন্যান্য ব্যবহারকারীর ইন্টারঅ্যাকশন থেকে ট্রিগার করা যেতে পারে।

Chrome 121-এ স্ক্রলবার স্টাইলিং বৈশিষ্ট্যগুলি scrollbar-color এবং scrollbar-width অন্তর্ভুক্ত রয়েছে, SVG-এর জন্য উন্নত CSS মাস্কিং সহ, এবং বানান ভুল বা ব্যাকরণগতভাবে ভুল পাঠ্যের জন্য ছদ্ম-উপাদানগুলি হাইলাইট করে।