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

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

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

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

এপ্রিল 2024 এ ফায়ারফক্স 125 এবং ক্রোম 124 স্থিতিশীল হয়ে ওঠে। এই পোস্টটি ওয়েব প্ল্যাটফর্মে যোগ করা নতুন বৈশিষ্ট্যগুলি দেখে।

বেসলাইনে চারটি নতুন বৈশিষ্ট্য অবতরণ করেছে

Firefox 125 নতুনভাবে উপলব্ধ বেসলাইনে চারটি নতুন বৈশিষ্ট্য যুক্ত করেছে। Popover API, Intl.Segmenter , ব্লক লেআউটের জন্য align-content এবং transform-box জন্য content-box এবং stroke-box মান।

Popover API

Popover API আপনাকে অনেক ধরনের নন-মোডাল পপআপ তৈরি করতে দেয়। এর মধ্যে টুলটিপ, মেনু, কাস্টম টোস্ট পপআপ এবং আরও অনেক কিছু অন্তর্ভুক্ত রয়েছে। পপভারে প্রচুর বিল্ট-ইন কার্যকারিতা রয়েছে যার জন্য আপনাকে আগে জাভাস্ক্রিপ্ট লিখতে হয়েছিল। বেসলাইনে পপওভার API ল্যান্ডগুলিতে আরও জানুন।

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

  • 114
  • 114
  • 125
  • 17

উৎস

Intl.Segmenter

Intl.Segmenter স্থানীয়-সংবেদনশীল পাঠ্য বিভাজন সক্ষম করে। উদাহরণস্বরূপ, আপনাকে এমন ভাষায় শব্দগুলিকে বিভক্ত করতে দেওয়া যা শব্দগুলিকে স্পেস দিয়ে আলাদা করে না। দেখুন কিভাবে এটি কাজ করে Intl.Segmenter অবজেক্ট এখন বেসলাইনের অংশ ।

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

  • 87
  • 87
  • 125
  • 14.1

উৎস

ব্লক লেআউটের জন্য align-content

align-content বৈশিষ্ট্য এখন ব্লক লেআউটের জন্য সমস্ত প্রধান ইঞ্জিনে সমর্থিত। এর মানে হল যে আপনি অভিভাবকের উপর একটি ফ্লেক্স বা গ্রিড লেআউট তৈরি করার প্রয়োজন ছাড়াই ব্লক দিক সারিবদ্ধকরণ করতে পারেন। ব্লক লেআউটের জন্য সারিবদ্ধ-সামগ্রী বৈশিষ্ট্যে একটি উদাহরণ দেখুন এখন বেসলাইনের অংশ ।

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

  • 123
  • 123
  • 125
  • 17.4

CSS transform-box

অবশেষে, ফায়ারফক্স 125-এ transform-box বৈশিষ্ট্যের জন্য content-box এবং stroke-box মান রয়েছে। content-box মান কন্টেন্ট বক্স এবং stroke-box ব্যবহার করে স্ট্রোক বাউন্ডিং বক্স যাতে একটি SVG এর আকৃতি থাকে।

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

  • 118
  • 118
  • 125
  • 13.1

WebSocketStream API

WebSocketStream API WebSocket API-এর সাথে WHATWG স্ট্রীমকে একীভূত করে, এবং Chrome 124-এ উপলব্ধ । WebSocketStream-এ আরও জানুন: WebSocket API-এর সাথে স্ট্রিমগুলিকে একীভূত করা।

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

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

setHTMLUnsafe এবং parseHTMLUnsafe

ক্রোম 124-এ এছাড়াও setHTMLUnsafe এবং parseHTMLUnsafe পদ্ধতি অন্তর্ভুক্ত রয়েছে যা আপনাকে জাভাস্ক্রিপ্ট থেকে ঘোষণামূলক শ্যাডো DOM ব্যবহার করতে দেয়। এই পদ্ধতিগুলি innerHTML বা DOMParser এর তুলনায় HTML-কে অপরিহার্যভাবে DOM-এ পার্স করার একটি সহজ উপায়ও অফার করে।

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

  • 124
  • 124
  • 123
  • 17.4

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

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

Safari 17.5-এ light-dark() রঙ ফাংশন অন্তর্ভুক্ত রয়েছে, যা 17.5 স্থিতিশীল হলে নতুনভাবে উপলব্ধ বেসলাইন হয়ে যাবে।

এছাড়াও বেসলাইনে আসছে নতুনভাবে উপলব্ধ CSS স্টেপড ভ্যালু ফাংশন। Chrome 125 এর মধ্যে রয়েছে round() , mod() , এবং rem() ।

ক্রোম 125 কম্পিউট প্রেসার এপিআই এবং CSS অ্যাঙ্কর পজিশনিংও অন্তর্ভুক্ত করে।

Firefox 126-এ স্ক্রীন ওয়েক লক এপিআই অন্তর্ভুক্ত রয়েছে, যা নতুনভাবে উপলব্ধ বেসলাইন বৈশিষ্ট্য তৈরি করে।