2024 সালের ফেব্রুয়ারিতে স্থিতিশীল এবং বিটা ওয়েব ব্রাউজারে আসা কিছু আকর্ষণীয় বৈশিষ্ট্য আবিষ্কার করুন।
স্থিতিশীল ব্রাউজার রিলিজ
2024 সালের ফেব্রুয়ারিতে ফায়ারফক্স 123 এবং ক্রোম 122 স্থিতিশীল হয়ে ওঠে। এই পোস্টটি ওয়েব প্ল্যাটফর্মে যোগ করা নতুন বৈশিষ্ট্যগুলি দেখে।
ঘোষণামূলক ছায়া DOM
Firefox 123 <template> উপাদানটির shadowrootmode বৈশিষ্ট্য সমর্থন করে, এইভাবে Declarative Shadow DOM সমর্থন করে। এই বৈশিষ্ট্যটি এখন নতুনভাবে উপলব্ধ বেসলাইনে যোগদান করেছে, কারণ এটি সমস্ত কী ব্রাউজার জুড়ে আন্তঃঅপারেবল।
ব্রাউজার সমর্থন
- 111
- 111
- 123
- 16.4
103 প্রারম্ভিক ইঙ্গিত: প্রিলোড
ফায়ারফক্স 123 রিসোর্স প্রিলোড করার জন্য 103টি প্রাথমিক ইঙ্গিত স্ট্যাটাস কোড অন্তর্ভুক্ত করে।
ব্রাউজার সমর্থন
- 103
- 103
- 123
- এক্স
CSS ::backdrop উত্তরাধিকারে পরিবর্তন
::backdrop সিএসএস সিউডো-এলিমেন্ট হল ভিউপোর্টের আকারের একটি বাক্স, উপরের স্তরে উপস্থাপিত যেকোন উপাদানের নীচে অবিলম্বে রেন্ডার করা হয়। ::backdrop জন্য মূল স্পেসিফিকেশন নির্দিষ্ট করেছে যে এটি কোনো উপাদান থেকে উত্তরাধিকারসূত্রে প্রাপ্ত হয়নি এবং এটি থেকে উত্তরাধিকারসূত্রে প্রাপ্ত নয়। এর অর্থ হল ::backdrop :root এ ঘোষিত কাস্টম বৈশিষ্ট্যগুলিতে অ্যাক্সেস নেই।
স্পেসিফিকেশন পরিবর্তন করা হয়েছে ::backdrop এর মূল উপাদান থেকে বৈশিষ্ট্যগুলিকে উত্তরাধিকার সূত্রে পেতে। এই পরিবর্তনটি Chrome 122-এ প্রয়োগ করা হয়েছে।
::backdrop পরিবর্তনগুলি সম্পর্কে আরও পড়ুন।
স্টোরেজ বাকেট API
Chrome 122 স্টোরেজ বাকেট API অন্তর্ভুক্ত করে। এই এপিআই সাইটগুলিকে ডিভাইসের ডেটাকে বালতিতে সংগঠিত করার ক্ষমতা দেয়, গ্রুপ ডেটা তারপরে অন্যান্য বালতিতে রাখা ডেটা থেকে স্বাধীনভাবে উচ্ছেদ করা যেতে পারে।
স্টোরেজ বাকেট API ডকুমেন্টেশনে আরও জানুন।
ব্রাউজার সমর্থন
- 122
- 122
- এক্স
- এক্স
Async ক্লিপবোর্ড API: অস্বাস্থ্যকর HTML পড়ুন
ক্রোম 122 বিটা অস্বাস্থ্যকর এইচটিএমএল ফর্ম্যাট পুনরুদ্ধার করতে Async ক্লিপবোর্ড API- এর read() পদ্ধতিতে একটি unsanitized বিকল্প অন্তর্ভুক্ত করে।
জাভাস্ক্রিপ্ট Set পদ্ধতি
Chrome 122 Set নিম্নলিখিত পদ্ধতিগুলি প্রয়োগ করে:
এই পদ্ধতিগুলি ইতিমধ্যেই Safari-এ প্রয়োগ করা হয়েছে, সংস্করণ 17 থেকে, এবং Firefox Nightly-এ রয়েছে।
বিটা ব্রাউজার রিলিজ
বিটা ব্রাউজার সংস্করণগুলি আপনাকে সেই জিনিসগুলির একটি পূর্বরূপ দেয় যা ব্রাউজারের পরবর্তী স্থিতিশীল সংস্করণে থাকবে৷ নতুন বৈশিষ্ট্যগুলি পরীক্ষা করার জন্য এটি একটি দুর্দান্ত সময়, বা অপসারণ, যা বিশ্ব এই প্রকাশ পাওয়ার আগে আপনার সাইটকে প্রভাবিত করতে পারে৷ নতুন বিটা হল Firefox 124 , Chrome 123 এই মাসে প্রকাশিত হয়েছে, এবং Safari 17.4 চলছে। এই প্রকাশগুলি প্ল্যাটফর্মে অনেক দুর্দান্ত বৈশিষ্ট্য নিয়ে আসে। সমস্ত বিবরণের জন্য রিলিজ নোটগুলি দেখুন। এখানে মাত্র কয়েকটি হাইলাইট রয়েছে।
Chrome 123-এ বেশ কিছু নতুন CSS বৈশিষ্ট্য রয়েছে। light-dark() রঙ ফাংশন ব্যবহারকারীর পছন্দ অনুসারে রঙের স্কিমগুলিকে মানিয়ে নেওয়া সহজ করে তোলে। field-sizing বৈশিষ্ট্য স্বয়ংক্রিয়ভাবে ক্রমবর্ধমান পাঠ্য ইনপুট ক্ষেত্র সক্ষম করে। পিকচার-ইন-পিকচার মোডে দেখানো অ্যাপগুলির জন্য পরীক্ষা করার জন্য একটি নতুন মিডিয়া বৈশিষ্ট্য রয়েছে।
text-spacing-trim বৈশিষ্ট্যটি অত্যধিক ব্যবধান সামঞ্জস্য করতে চাইনিজ, জাপানি এবং কোরিয়ান (CJK) বিরামচিহ্নের অক্ষরগুলিতে কার্নিং প্রয়োগ করে। CSS-এর জন্য চারটি নতুন আন্তর্জাতিক বৈশিষ্ট্য প্রবর্তনে আরও পড়ুন।
ক্রোম 123 এবং সাফারি 17.4 বিটাসে ব্লক এবং টেবিল লেআউটে align-content জন্য সমর্থন। align-content সমর্থন পরিবর্তন সম্পর্কে পড়ুন. আপনার সাইট পরীক্ষা করুন যদি আপনি গ্রিড বা ফ্লেক্স লেআউটের বাইরে সম্পত্তি ব্যবহার করছেন, কারণ এটি অ্যালাইনমেন্টের কারণ হতে শুরু করবে যেখানে এটি আগে ব্লক লেআউটে কার্যকর ছিল না।
Firefox 124-এ CSS content-visibility বৈশিষ্ট্যের জন্য সমর্থন অন্তর্ভুক্ত রয়েছে। এই বৈশিষ্ট্যটি নিয়ন্ত্রণ করে যে কোনও উপাদান তার সামগ্রী আদৌ রেন্ডার করে কিনা, ব্রাউজারগুলিকে এটির প্রয়োজন না হওয়া পর্যন্ত সামগ্রী রেন্ডার করা বাদ দেওয়ার অনুমতি দেয়।