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

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

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

মে মাসে, Chrome 102, Safari 15.5 , Firefox 100 , এবং Firefox 101 স্থিতিশীল হয়ে ওঠে।

Chrome 102 এবং Safari 15.5 inert অ্যাট্রিবিউট অন্তর্ভুক্ত করে। এটি ট্যাব অর্ডার এবং অ্যাক্সেসিবিলিটি ট্রি থেকে উপাদানগুলিকে সরিয়ে দেয় যদি তারা অ-ইন্টারেক্টিভ হয়। উদাহরণস্বরূপ, একটি উপাদান যা বর্তমানে অফস্ক্রিন বা লুকানো আছে।

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

  • ক্রোম: 102।
  • প্রান্ত: 102।
  • ফায়ারফক্স: 112।
  • সাফারি: 15.5।

উৎস

Chrome 102 HTML hidden বৈশিষ্ট্যের জন্য until-found নতুন মান অন্তর্ভুক্ত করে। এটি পৃষ্ঠার মধ্যে খুঁজে পেতে সক্ষম করে এবং পৃষ্ঠার একটি ভেঙে যাওয়া অংশের ভিতরে থাকা পাঠ্যের অংশে স্ক্রোল করে, যেমন আপনি একটি অ্যাকর্ডিয়ন প্যাটার্নে খুঁজে পেতে পারেন। hidden=until-found-এর সাহায্যে সঙ্কুচিত বিষয়বস্তু অ্যাক্সেসযোগ্য করা পোস্টে আরও জানুন।

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

  • ক্রোম: 102।
  • প্রান্ত: 102।
  • ফায়ারফক্স: সমর্থিত নয়।
  • সাফারি: সমর্থিত নয়।

উৎস

Chrome 102 ন্যাভিগেশন API পাঠায়, একটি API যা একক-পৃষ্ঠার অ্যাপ্লিকেশনগুলিতে ক্লায়েন্ট-সাইড রাউটিংকে প্রমিত করে। এই API এর আগে অ্যাপ ইতিহাস API নামে পরিচিত ছিল।

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

  • ক্রোম: 102।
  • প্রান্ত: 102।
  • ফায়ারফক্স: সমর্থিত নয়।
  • সাফারি: সমর্থিত নয়।

উৎস

Firefox 101 নির্মাণযোগ্য স্টাইলশীট সমর্থন করে। সমর্থন CSSStyleSheet() কনস্ট্রাক্টর, এবং replace() , এবং replaceSync() পদ্ধতি অন্তর্ভুক্ত করে। নির্মাণযোগ্য স্টাইলশীটগুলি ছায়া DOM-এর সাথে ব্যবহারের জন্য স্টাইলশীট তৈরি করা সহজ করে তোলে। নিম্নলিখিত উদাহরণে, CSSStyleSheet() কনস্ট্রাক্টর ব্যবহার করে একটি স্টাইলশীট তৈরি করা হয়, একটি CSS নিয়ম replaceSync() পদ্ধতির সাথে যোগ করা হয় এবং ফলস্বরূপ নিয়মটি কনসোলে প্রিন্ট করা হয়।

const stylesheet = new CSSStyleSheet();
stylesheet.replaceSync('body { color: red; }');
console.log(stylesheet.rules[0].cssText);

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

  • ক্রোম: 73।
  • প্রান্ত: 79।
  • ফায়ারফক্স: 101।
  • সাফারি: 16.4.

উৎস

এছাড়াও Firefox 101-এ রয়েছে prefers-contrast মিডিয়া বৈশিষ্ট্য, এই বৈশিষ্ট্যটি ক্রস-ব্রাউজারে উপলব্ধ করে।

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

  • ক্রোম: 96।
  • প্রান্ত: 96।
  • ফায়ারফক্স: 101।
  • সাফারি: 14.1।

উৎস

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

বিটা ব্রাউজার সংস্করণগুলি আপনাকে সেই জিনিসগুলির একটি পূর্বরূপ দেয় যা ব্রাউজারের পরবর্তী স্থিতিশীল সংস্করণে থাকবে৷ নতুন বৈশিষ্ট্যগুলি পরীক্ষা করার জন্য এটি একটি দুর্দান্ত সময়, বা অপসারণ, যা বিশ্ব এই প্রকাশ পাওয়ার আগে আপনার সাইটকে প্রভাবিত করতে পারে৷

এপ্রিলে নতুন বিটা ছিল Chrome 103 এবং Firefox 102

Firefox 102 update মিডিয়া বৈশিষ্ট্য অন্তর্ভুক্ত করে। এটি রেন্ডার হয়ে গেলে আউটপুট ডিভাইস সামগ্রীর চেহারা পরিবর্তন করতে পারে কিনা তা জিজ্ঞাসা করতে ব্যবহৃত হয়। এটি নিম্নলিখিত মান গ্রহণ করে:

none
একবার রেন্ডার করা হলে কন্টেন্ট আপডেট করা যাবে না। উদাহরণস্বরূপ, একটি মুদ্রিত নথি।
slow
ডিভাইসটি বিষয়বস্তু আপডেট করতে পারে, কিন্তু মসৃণ অ্যানিমেশন প্রদর্শন করতে খুব ধীরে। উদাহরণস্বরূপ, ই-কালি পর্দা।
fast
বিষয়বস্তু গতিশীলভাবে পরিবর্তিত হতে পারে, এবং অ্যানিমেশন রেন্ডার করার জন্য যথেষ্ট দ্রুত। উদাহরণস্বরূপ, একটি কম্পিউটার বা ফোনের পর্দা।

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

  • ক্রোম: 113।
  • প্রান্ত: 113।
  • ফায়ারফক্স: 102।
  • সাফারি: 17।

উৎস

Chrome 103 স্থানীয় ফন্ট অ্যাক্সেস API অন্তর্ভুক্ত করে, যা ব্যবহারকারীর স্থানীয়ভাবে ইনস্টল করা ফন্টগুলিতে অ্যাক্সেসের অনুমতি দেয়।

এই বিটা বৈশিষ্ট্যগুলি শীঘ্রই স্থিতিশীল ব্রাউজারগুলিতে অবতরণ করবে৷

সম্পাদনা করুন: এই পোস্টের পূর্ববর্তী সংস্করণে Element.isVisible() পদ্ধতির উল্লেখ রয়েছে, যা এই রিলিজে পাঠানো হচ্ছে না।

ওয়েব সিরিজের নতুন অংশ