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

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

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

<hr> <select> -এ

Firefox 122 <hr> উপাদানগুলিকে <select> উপাদানগুলির একটি অনুমোদিত চাইল্ড হিসাবে যোগ করে। এটি অনেকগুলি বিকল্প সহ নির্বাচিত তালিকাগুলির পাঠযোগ্যতার সাথে সহায়তা করে। সমস্ত প্রধান ব্রাউজার ইঞ্জিন এখন এই বৈশিষ্ট্য সমর্থন করে। যাইহোক, এটি লক্ষণীয় যে বর্তমানে কোনো ব্রাউজার <hr> অ্যাক্সেসিবিলিটি ট্রিতে প্রকাশ করে না।

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

  • 119
  • 119
  • 122
  • 17

HTMLSelectElement.showPicker

এছাড়াও ফায়ারফক্সে <select> উপাদানগুলির জন্য HTMLSelectElement এর জন্য showPicker() পদ্ধতি। এটি একই বাছাইকারী যা সাধারণত উপাদান নির্বাচন করা হলে প্রদর্শিত হবে, কিন্তু একটি বোতাম প্রেস বা অন্যান্য ব্যবহারকারীর মিথস্ক্রিয়া থেকে ট্রিগার করা যেতে পারে।

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

  • 121
  • 121
  • 122

উৎস

সবচেয়ে বড় কন্টেন্টফুল পেইন্ট (LCP) API

Firefox 122 এছাড়াও LCP API সমর্থন করে। এই পারফরম্যান্স API ব্যবহারকারীদের একটি ওয়েব পৃষ্ঠার সাথে ইন্টারঅ্যাক্ট করার আগে সবচেয়ে বড় ছবি বা টেক্সট পেইন্ট সম্পর্কে সময়ের তথ্য প্রদান করে। এলসিপি ডকুমেন্টেশনে এলসিপি সম্পর্কে আরও জানুন।

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

  • 77
  • 79
  • 122
  • এক্স

উৎস

CSS স্ক্রলবার বৈশিষ্ট্য

Chrome 121 স্ক্রলবার বৈশিষ্ট্য scrollbar-color এবং scrollbar-width জন্য সমর্থন যোগ করে। স্ক্রলবার স্টাইলিং নিবন্ধে এই সম্পর্কে আরও জানুন।

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

  • 121
  • 121
  • 64
  • এক্স

উৎস

CSS font-palette অ্যানিমেশন

font-palette বৈশিষ্ট্য আপনাকে একটি রঙ ফন্ট রেন্ডার করার জন্য একটি নির্দিষ্ট প্যালেট নির্বাচন করতে দেয়। এই বৈশিষ্ট্যটি এখন অ্যানিমেশন সমর্থন করে, তাই প্যালেটগুলির মধ্যে স্যুইচ করা দুটি নির্বাচিত প্যালেটের মধ্যে একটি মসৃণ রূপান্তর হয়ে ওঠে।

ArrayBuffer এর transfer() এবং transferToFixedLength() পদ্ধতি

ফায়ারফক্স ArrayBuffer এর JavaScript transfer() এবং transferToFixedLength() পদ্ধতি অন্তর্ভুক্ত করে। transfer() পদ্ধতিটি বর্তমান ArrayBuffer এর মতো একই বাইট সামগ্রী সহ একটি নতুন ArrayBuffer তৈরি করে, তারপর মূল ArrayBuffer টিকে বিচ্ছিন্ন করে। transferToFixedLength() পদ্ধতি একইভাবে কাজ করে, কিন্তু একটি নির্দিষ্ট আকারের ArrayBuffer তৈরি করে।

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

  • 114
  • 114
  • 122
  • 17.4

উৎস

স্পেকুলেশন রুলস এপিআই-এর আপডেট

পৃষ্ঠা নেভিগেশন সময় কমিয়ে একটি ভাল ব্যবহারকারীর অভিজ্ঞতা তৈরি করে কোন পৃষ্ঠাগুলিকে প্রি-রেন্ডার করতে হবে তা ক্রোমকে প্রোগ্রাম্যাটিকভাবে জানাতে সাইটগুলি স্পেকুলেশন রুলস API ব্যবহার করে৷

ক্রোম 121 নথির নিয়মগুলির জন্য সমর্থন অন্তর্ভুক্ত করে: এগুলি অনুমান নিয়মের সিনট্যাক্সের একটি এক্সটেনশন যা ব্রাউজারকে একটি পৃষ্ঠার উপাদানগুলি থেকে অনুমানমূলক লোড করার জন্য URLগুলির তালিকা পেতে দেয়৷ এই লিঙ্কগুলির মধ্যে কোনটি ব্যবহার করা যেতে পারে তার জন্য নথির নিয়মগুলির মধ্যে মানদণ্ড অন্তর্ভুক্ত থাকতে পারে। এটি, একটি নতুন "আগ্রহ" ক্ষেত্রের সাথে মিলিত আপনাকে স্বয়ংক্রিয়ভাবে পৃষ্ঠাগুলিতে অবিলম্বে, হোভারে বা মাউস ডাউনে প্রি-ফেচ বা প্রি-রেন্ডার করতে দেয়৷

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

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

ফায়ারফক্স 123 বিটা ডিক্লারেটিভ শ্যাডো ডম অন্তর্ভুক্ত করে।

এছাড়াও Firefox 123-এ 103 Early Hints HTTP তথ্য প্রতিক্রিয়া স্ট্যাটাস কোডের জন্য সমর্থন রয়েছে প্রিলোডিং সংস্থানগুলির জন্য যা সার্ভার সম্পূর্ণ প্রতিক্রিয়া প্রস্তুত করার সময় পৃষ্ঠাটির প্রয়োজন হতে পারে।

সাফারি 17.4 বিটাতে অনেক ভালো জিনিস আছে। CSS-এর জন্য @scope , ব্লক কন্টেইনার এবং টেবিল সেলগুলিতে align-content , এবং ::grammar-error এবং ::spelling-error pseudo-elements এর জন্য এবং আরও অনেক কিছুর জন্য সমর্থন রয়েছে।

ফর্মগুলিতে, ফর্ম নিয়ন্ত্রণে উল্লম্ব লেখার মোডের জন্য সমর্থন, <input type="date"> এর জন্য showPicker() পদ্ধতি এবং iOS-এ <hr> ভিতরে <select> এর জন্য সমর্থন।

JavaScript অন্যান্য জিনিসের মধ্যে ArrayBuffer এর detached() , transfer() এবং transferToFixedLength() পদ্ধতির সমর্থন সহ কিছু নতুন বৈশিষ্ট্যও পায়।

ক্রোম 122 বিটা অস্বাস্থ্যকর এইচটিএমএল ফর্ম্যাট পুনরুদ্ধার করতে Async ক্লিপবোর্ড API- এর read() পদ্ধতিতে একটি unsanitized বিকল্প অন্তর্ভুক্ত করে। জাভাস্ক্রিপ্টের জন্য নতুন ইটারেটর সাহায্যকারী এবং বিল্ট-ইন Set ক্লাসের জন্য নতুন পদ্ধতি রয়েছে।

এছাড়াও Chrome 122-এ রয়েছে স্টোরেজ বাকেটস এপিআই যার লক্ষ্য ভারী মেমরির চাপে স্থায়ী স্টোরেজ উচ্ছেদকে আরও অনুমানযোগ্য করে তোলা।