2023 সালের নভেম্বরে স্থিতিশীল এবং বিটা ওয়েব ব্রাউজারে আসা কিছু আকর্ষণীয় বৈশিষ্ট্য আবিষ্কার করুন।
স্থিতিশীল ব্রাউজার রিলিজ
2023 সালের নভেম্বরে, ফায়ারফক্স 120 এর সাথে আমাদের শুধুমাত্র একটি স্থিতিশীল ব্রাউজার রিলিজ ছিল। এই পোস্টটি ওয়েব প্ল্যাটফর্মের জন্য এর অর্থ কী তা দেখায়।
<source>
এলিমেন্টে media
অ্যাট্রিবিউটের জন্য সমর্থন
Firefox <source>
এলিমেন্টে media
অ্যাট্রিবিউটের জন্য সমর্থন পুনঃপ্রবর্তন করে। <audio>
এবং <video>
উপাদানগুলি অন্তর্ভুক্ত করার জন্য সমর্থনটি প্রসারিত করা হয়েছে। এই প্রকাশের সাথে, মিডিয়া অ্যাট্রিবিউটটি <source>
উপাদানে <audio>
, <video>
, এবং <picture>
এর মধ্যে উপলব্ধ হবে।
media
অ্যাট্রিবিউটের জন্য সমর্থন Chrome-এ আসছে, এবং ইতিমধ্যেই Safari-এ রয়েছে, তাই শীঘ্রই আপনার সমস্ত ইঞ্জিন জুড়ে প্রতিক্রিয়াশীল HTML ভিডিও এবং অডিওর জন্য সমর্থন থাকবে৷
CSS কালার light-dark()
ফাংশন
ফায়ারফক্স এখন light-dark()
CSS কালার ফাংশন সমর্থন করে। এর মানে হল যে আপনি prefers-color-scheme
মিডিয়া বৈশিষ্ট্য ব্যবহার না করে হালকা এবং অন্ধকার স্কিমের জন্য রঙ সেট করতে পারেন।
lh
এবং rlh
একক
ফায়ারফক্স CSS ইউনিট lh
এবং rlh
সমর্থন করে এই ইউনিটগুলি আপনাকে একটি উপাদানের লাইন-উচ্চতার সাথে সম্পর্কিত মান সেট করতে দেয়, আপনি যখন পাঠ্যের সাথে পটভূমির চিত্রগুলি সারিবদ্ধ করতে চান তখন এটি কার্যকর। এই রিলিজ তিনটি প্রধান ইঞ্জিন জুড়ে এই unts আন্তঃক্রিয়াযোগ্য করে তোলে।
ব্রাউজার সমর্থন
- 109
- 109
- 120
- 16.4
HTTP 103 প্রারম্ভিক ইঙ্গিত
Firefox এখন 103 Early Hints HTTP তথ্য প্রতিক্রিয়া স্ট্যাটাস কোড সমর্থন করে।
বিটা ব্রাউজার রিলিজ
বিটা ব্রাউজার সংস্করণগুলি আপনাকে সেই জিনিসগুলির একটি পূর্বরূপ দেয় যা ব্রাউজারের পরবর্তী স্থিতিশীল সংস্করণে থাকবে৷ নতুন বৈশিষ্ট্যগুলি পরীক্ষা করার জন্য এটি একটি দুর্দান্ত সময়, বা অপসারণ, যা বিশ্ব এই প্রকাশ পাওয়ার আগে আপনার সাইটকে প্রভাবিত করতে পারে৷ নতুন বিটা হল Firefox 121 , Chrome 120 , এবং Safari 17.2 । এই প্রকাশগুলি প্ল্যাটফর্মে অনেক দুর্দান্ত বৈশিষ্ট্য নিয়ে আসে। সমস্ত বিবরণের জন্য রিলিজ নোটগুলি দেখুন। এখানে মাত্র কয়েকটি হাইলাইট রয়েছে।
ক্রোম 120 এবং সাফারি 17.2 সিএসএস নেস্টিংয়ের জন্য শিথিল পার্সিং অন্তর্ভুক্ত করে।
Chrome 120 -webkit-mask*
বৈশিষ্ট্যগুলিকে উপসর্গমুক্ত করে এবং বর্তমান স্পেসিফিকেশনের সাথে সঙ্গতিপূর্ণ করে৷ এর মধ্যে রয়েছে mask-image
, mask-mode
, mask-repeat
, mask-position
, mask-clip
, mask-origin
, mask-size
এবং mask-composite
, সেইসাথে mask
শর্টহ্যান্ড। স্থানীয় mask-image
রেফারেন্স সমর্থিত, সিরিয়ালাইজেশন এখন স্পেসিফিকেশনের সাথে মেলে, এবং গৃহীত মান এখন স্পেসিফিকেশনের সাথে মেলে।
Chrome 120 এবং Safari 17.2 এ <details>
উপাদানের জন্য name
বৈশিষ্ট্যের সমর্থন অন্তর্ভুক্ত করে।
Firefox 121-এর মধ্যে CSS :has()
নির্বাচক রয়েছে। এই রিলিজটি :has()
সমস্ত প্রধান ইঞ্জিন জুড়ে ইন্টারঅপারেবল করে।