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

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

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

এপ্রিল 2023 এ, ফায়ারফক্স 112 এবং ক্রোম 112 স্থিতিশীল হয়ে ওঠে। ওয়েব প্ল্যাটফর্মের জন্য এর অর্থ কী তা একবার দেখে নেওয়া যাক।

inert বৈশিষ্ট্য

ফায়ারফক্স 112 inert বৈশ্বিক বৈশিষ্ট্য অন্তর্ভুক্ত করে। এই বৈশিষ্ট্যটি ব্রাউজারকে উপাদানটিকে উপেক্ষা করতে বলে, এমন বিষয়বস্তু নির্দেশ করে যা ইন্টারেক্টিভ হওয়া উচিত নয়। এটা:

  • click ইভেন্ট ফায়ার করা প্রতিরোধ করে।
  • উপাদানটিকে ফোকাস পেতে বাধা দেয়।
  • অ্যাক্সেসিবিলিটি ট্রি থেকে উপাদান এবং এর বিষয়বস্তু বাদ দেয়।

এই বৈশিষ্ট্যটি এখন তিনটি ইঞ্জিনেই ইন্টারঅপারেবল।

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

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

উৎস

linear() ইজিং ফাংশন

linear() ইজিং ফাংশনটি বেশ কয়েকটি পয়েন্টের মধ্যে রৈখিক ইন্টারপোলেশন সক্ষম করে। এটি বাউন্স এবং ইলাস্টিক প্রভাবগুলির মতো আরও জটিল অ্যানিমেশন সক্ষম করে। এই ফাংশনটি ফায়ারফক্স 112-এ রয়েছে।

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

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

CSS নেস্টিং

Chrome 112 CSS Nesting- এর জন্য সমর্থন যোগ করে, একটি বৈশিষ্ট্য যা অনেক ডেভেলপারদের দ্বারা প্রত্যাশিত। এটি একটি নতুন নেস্টিং নির্বাচক > প্রবর্তন করে, যা নেস্ট সম্পর্কিত শৈলীর নিয়মগুলিতে ব্যবহৃত হয়, এমনভাবে যা বিকাশকারীদের কাছে পরিচিত হবে যারা প্রাক-প্রসেসর ব্যবহার করেছেন:

.nesting {
  color: hotpink;

  > .is {
    color: rebeccapurple;

    > .awesome {
      color: deeppink;
    }
  }
}

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

  • ক্রোম: 120।
  • প্রান্ত: 120।
  • ফায়ারফক্স: 117।
  • সাফারি: 17.2।

উৎস

CSS animation-composition

Chrome 112-এ animation-composition জন্য সমর্থনও অন্তর্ভুক্ত রয়েছে। এই বৈশিষ্ট্যটি কীভাবে কাজ করে তা শিখুন অ্যানিমেশন-কম্পোজিশনের সাথে একাধিক অ্যানিমেশন প্রভাবগুলি কীভাবে সংমিশ্রিত হওয়া উচিত তা নির্দিষ্ট করুন

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

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

উৎস

নতুন হেডলেস মোড

আপনি যদি Chrome এর হেডলেস মোড ব্যবহার করেন, উদাহরণস্বরূপ Puppeteer এর সাথে, তাহলে 112 একটি সম্পূর্ণ নতুন হেডলেস মোড নিয়ে আসে। Chrome এর হেডলেস মোডে এটি সম্পর্কে জানুন একটি আপগ্রেড পায়

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

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

Firefox 113-এর মধ্যে color() , lab() , lch() , oklab() , এবং oklch() ফাংশন রয়েছে। এছাড়াও CSS কালার 5 থেকে color-mix() ফাংশন এবং forced-color-adjust প্রপার্টি অন্তর্ভুক্ত রয়েছে।

Firefox-এ nth-child of <selector> রয়েছে, যা আপনি কোন উপাদান নির্বাচন করতে চান তার সূক্ষ্ম নিয়ন্ত্রণ দেয়। S সিনট্যাক্সের সাথে :nth-child() নির্বাচনের উপর আরও নিয়ন্ত্রণে আরও পড়ুন।

CSS-এর জন্য, Chrome 113 overflow-inline , overflow-block এবং update মিডিয়া বৈশিষ্ট্যগুলি অন্তর্ভুক্ত করে৷ এছাড়াও linear() ইজিং ফাংশন এবং আনপ্রিফিক্সড image-set() টাইপ অন্তর্ভুক্ত।

Chrome 113-এ WebGPU , ওয়েবের জন্য WebGL এবং WebGL 2 গ্রাফিক্স API-এর উত্তরসূরীও রয়েছে৷ এটি আধুনিক বৈশিষ্ট্যগুলি প্রদান করে যেমন GPU কম্পিউট, GPU হার্ডওয়্যারে নিম্ন ওভারহেড অ্যাক্সেস, একটি একক গ্রাফিক্স ডিভাইস থেকে একাধিক ক্যানভাসে রেন্ডার করার ক্ষমতা এবং আরও ভাল, আরও অনুমানযোগ্য কর্মক্ষমতা।

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