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

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

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

মার্চ মাসে, Chrome 99 , Chrome 100 , Firefox 98 , এবং Safari 15.4 স্থিতিশীল হয়ে ওঠে। এটি প্ল্যাটফর্মে নতুন বৈশিষ্ট্যগুলির একটি সম্পূর্ণ ব্যাচ নিয়ে এসেছে, এবং এর মধ্যে অনেকগুলি সংযোজনের অর্থ হল যে বৈশিষ্ট্যটি তিনটি ব্রাউজার ইঞ্জিনেই উপলব্ধ হয়েছে৷ এই পোস্টে আমি সেই সংযোজনগুলিতে মনোনিবেশ করেছি যেগুলি আমাদের আন্তঃঅপারেবিলিটি ক্রস-ব্রাউজার দেয়, তবে প্রতিটি ইঞ্জিনে যোগ করা সমস্ত বৈশিষ্ট্য দেখতে রিলিজ নোটগুলি দেখুন।

ক্রোম 99 এবং সাফারি 15.4 ক্যাসকেড স্তর অন্তর্ভুক্ত করেছে। @layer অ্যাট-রুল একটি ক্যাসকেড স্তরকে সংজ্ঞায়িত করে, আপনাকে নির্দিষ্টতা নিয়ন্ত্রণ করতে সহায়তা করে। তারা ফায়ারফক্সে যোগ দেয়, এবং তাই ক্যাসকেড স্তরগুলি এখন তিনটি ব্রাউজার ইঞ্জিনেই উপলব্ধ। আপনার ব্রাউজারে আসছে ক্যাসকেড স্তরগুলির ক্যাসকেড স্তরগুলি সম্পর্কে আরও জানুন৷

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

  • ক্রোম: 99।
  • প্রান্ত: 99।
  • ফায়ারফক্স: 97।
  • সাফারি: 15.4.

উৎস

ক্রোম 100 সিএসএস মিক্স-ব্লেন্ড-মোড প্রপার্টির জন্য plus-lighter নতুন মান অন্তর্ভুক্ত করে। যখন সমস্ত বা পিক্সেলের একটি উপসেট একই মান থাকে তখন দুটি উপাদান ক্রস-ফেইড করার সময় এই মানটি কার্যকর। যেকোন দুটি DOM উপাদান ক্রস-ফেইড করার ক্ষেত্রে এটি যে সমস্যার সমাধান করে সে সম্পর্কে আপনি আরও পড়তে পারেন বর্তমানে অসম্ভব

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

  • ক্রোম: 100।
  • প্রান্ত: 100।
  • ফায়ারফক্স: 99।
  • সাফারি: 9.1।

Safari 15.4-এ contain বৈশিষ্ট্য অন্তর্ভুক্ত রয়েছে, যা CSS কন্টেনমেন্টের অনুমতি দেয়।

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

  • ক্রোম: 52।
  • প্রান্ত: 79।
  • ফায়ারফক্স: 69।
  • সাফারি: 15.4.

উৎস

এছাড়াও Safari 15.4-এ রয়েছে accent-color , যা কিছু ফর্ম কন্ট্রোলে ব্যবহৃত অ্যাকসেন্ট রঙের উপর নিয়ন্ত্রণ দেয়।

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

  • ক্রোম: 93।
  • প্রান্ত: 93।
  • ফায়ারফক্স: 92।
  • সাফারি: 15.4.

উৎস

Firefox 98 এবং Safari 15.4 <dialog> উপাদানটি অবতরণ করেছে, যা একটি ডায়ালগ বক্স উপস্থাপন করে।

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

  • ক্রোম: 37।
  • প্রান্ত: 79।
  • ফায়ারফক্স: 98।
  • সাফারি: 15.4.

উৎস

Safari 15.4 এছাড়াও :focus-visible pseudo-class-এর জন্য সমর্থন সম্পূর্ণ করেছে। এটি বাস্তবায়নের কাজটি ইগালিয়া করেছিল।

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

  • ক্রোম: 86।
  • প্রান্ত: 86।
  • ফায়ারফক্স: 85।
  • সাফারি: 15.4.

উৎস

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

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

মার্চে নতুন বিটা ছিল Chrome 101 , এবং Firefox 99

ক্রোম 101 বিটাতে hwb রঙের স্বরলিপি অন্তর্ভুক্ত রয়েছে। এটি তার বর্ণ, শুভ্রতা এবং কালোত্ব অনুযায়ী রঙ নির্দিষ্ট করে। অন্যান্য রঙের স্বরলিপির মতো, একটি ঐচ্ছিক আলফা উপাদান অস্বচ্ছতা নির্দিষ্ট করে।

h1 {
  color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}

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

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

উৎস

ফায়ারফক্স 99 নেভিগেটর ইন্টারফেসের pdfViewerEnabled বৈশিষ্ট্য অন্তর্ভুক্ত করে। এই বৈশিষ্ট্যটি নির্দেশ করে যে ব্রাউজারটি PDF ফাইলগুলির ইনলাইন প্রদর্শন সমর্থন করে কিনা।

if (!navigator.pdfViewerEnabled) {
  // The browser does not support inline viewing of PDF files.
}

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

  • ক্রোম: 94।
  • প্রান্ত: 94।
  • ফায়ারফক্স: 99।
  • সাফারি: 16.4.

উৎস

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

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