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

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

Rachel Andrew

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

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

গ্লোবাল HTML বৈশিষ্ট্য

Firefox 111 কয়েকটি দরকারী গ্লোবাল HTML বৈশিষ্ট্যের জন্য সমর্থন যোগ করে। autocapitalize বৈশিষ্ট্য নিয়ন্ত্রণ করে যে ব্যবহারকারী ভার্চুয়াল কীবোর্ডে টাইপ করার সময় পাঠ্য স্বয়ংক্রিয়ভাবে বড় হওয়া যায় কিনা।

translate বৈশিষ্ট্য নির্দেশ করে যে একটি উপাদান অনুবাদ করা উচিত কিনা যখন একটি পৃষ্ঠা স্থানীয়করণ করা হয়।

অরিজিন প্রাইভেট ফাইল সিস্টেম (OPFS)

ফাইল সিস্টেম অ্যাক্সেস API ব্যবহার করার সময় ফায়ারফক্স অরিজিন প্রাইভেট ফাইল সিস্টেম (OPFS) এর জন্য সমর্থন যোগ করে। OPFS সম্পর্কে আরও জানুন ।

ভিউ ট্রানজিশন API

Chrome 111 ভিউ ট্রানজিশন এপিআই যোগ করে, একক-পৃষ্ঠা অ্যাপস (এসপিএ)-এ পালিশ ট্রানজিশন তৈরি করাকে সহজ করে স্ন্যাপশট ভিউ করে এবং DOM-কে রাজ্যের মধ্যে কোনো ওভারল্যাপ ছাড়াই পরিবর্তন করার অনুমতি দেয়।

ক্রোম 111 এ লঞ্চ পোস্ট এসপিএ ভিউ ট্রানজিশন ল্যান্ডে আরও জানুন।

নতুন CSS কালার স্পেস এবং ফাংশন

এছাড়াও Chrome 111-এ অন্তর্ভুক্ত হল ওয়েবে রঙ ব্যবহার করার সম্পূর্ণ নতুন উপায়। ক্রোম এখন কালার স্পেসকে সমর্থন করে যেগুলি color() এবং color-mix() ফাংশনের সাথে RGB গামুটের বাইরের রঙগুলি অ্যাক্সেস করে। আমাদের হাই ডেফিনিশন CSS কালার গাইড এবং color-mix() এর ব্লগ পোস্টে আরও জানুন।

এই নতুন রঙের কার্যকারিতার সাথে আপনাকে কাজ করতে সাহায্য করার জন্য Chrome রিলিজে নতুন DevTools অন্তর্ভুক্ত রয়েছে।

:nth-child() নির্বাচনের উপর আরো নিয়ন্ত্রণ

Chrome 111 একটি নির্বাচক তালিকাকে :nth-child() এবং nth-last-child() -এ পাস করার ক্ষমতা যোগ করে। এই সম্পর্কে আরও জানুন, এবং পোস্টে উদাহরণ দেখুন :nth-child() S সিনট্যাক্সের সাথে নির্বাচনের উপর আরও নিয়ন্ত্রণ।

মিডিয়া সেশন API-এ পূর্ববর্তী এবং পরবর্তী স্লাইডের জন্য সমর্থন

অবশেষে Chrome 111-এর এই তালিকায় মিডিয়া সেশন API-এর জন্য উপস্থাপন করা স্লাইড অ্যাকশনগুলি রয়েছে— "previousslide" এবং "nextslide" ।

সাফারিতে ছদ্ম-শ্রেণী সমর্থন

Safari 16.4 ওয়েব প্ল্যাটফর্মের জন্য একটি আশ্চর্যজনক রিলিজ। এই নিবন্ধটি সমস্ত সংযোজন কভার করবে না, তাই Safari 16.4 রিলিজ নোটগুলিতে বৈশিষ্ট্যগুলির সম্পূর্ণ তালিকা দেখুন।

এই রিলিজে সমর্থন সহ অতিরিক্ত CSS সিউডো-ক্লাসের একটি গুচ্ছ রয়েছে: :user-invalid , :user-valid , :dir() , :modal , এবং :fullscreen ।

মিডিয়া প্রশ্নের জন্য নতুন পরিসীমা বাক্য গঠন

এই Safari রিলিজটি মিডিয়া কোয়েরির জন্য আরও মার্জিত এবং দরকারী পরিসরের সিনট্যাক্সকে তিনটি ইঞ্জিন জুড়ে ইন্টারঅপারেবল করে তোলে। এই পোস্টে এই সিনট্যাক্সের উদাহরণগুলি দেখুন, যখন সিনট্যাক্সটি Chrome এ পাঠানো হয়েছিল তখন প্রকাশিত হয়েছিল৷

CSS বৈশিষ্ট্য এবং মান

Safari 16.4 @property এর জন্য সমর্থন যোগ করে, সরাসরি একটি স্টাইলশীটে CSS কাস্টম সম্পত্তি নিবন্ধন সক্ষম করে। @property-এ এই সম্পর্কে আরও জানুন: CSS ভেরিয়েবলকে সুপার পাওয়ার দেওয়া ।

CSS API সমর্থন

CSS টাইপড OM- এর সমর্থন সহ CSS-এর জন্য দুর্দান্ত সংযোজন আসতে থাকে। এই API স্ট্রিং এর পরিবর্তে টাইপ করা জাভাস্ক্রিপ্ট অবজেক্ট হিসাবে CSS মান প্রকাশ করে। এটি জাভাস্ক্রিপ্ট থেকে CSS-এর সাথে কাজ করা সহজ করে তোলে এবং বিদ্যমান পদ্ধতির চেয়ে বেশি কার্যকরী।

এছাড়াও CSSStyleSheet() সহ নির্মাণযোগ্য স্টাইলশীটগুলির জন্য সমর্থন রয়েছে। এটি একটি নথি এবং এর ছায়া DOM সাবট্রিগুলির মধ্যে স্টাইলশীটগুলি ভাগ করে নিতে সক্ষম করে৷ সাফারির এই সংস্করণের সাথে, নির্মাণযোগ্য স্টাইলশীটগুলি এখন তিনটি ইঞ্জিনেই সমর্থিত।

ওয়েব পুশ এবং ব্যাজিং এপিআই

Safari এখন ব্যাজিং API সহ ওয়েব পুশ সমর্থন করে, যা অ্যাপ ডেভেলপারদের জন্য দারুণ খবর। বিশেষ করে, এই সংস্করণটির অর্থ হল যে সমস্ত প্রধান ইঞ্জিনে পুশ বিজ্ঞপ্তিগুলি সমর্থিত ।

মানচিত্র আমদানি করুন

আরেকটি সংযোজন যা ইন্টারঅপারেবল স্ট্যাটাসে একটি বৈশিষ্ট্য নিয়ে আসে তা হল জাভাস্ক্রিপ্ট আমদানি মানচিত্র সংযোজন, যা ES মডিউল আমদানি করা আরও সহজ করে তোলে।

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

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

ফায়ারফক্স 112 inert বৈশিষ্ট্যের জন্য সমর্থন যোগ করে, যা এই দরকারী বৈশিষ্ট্যটি সমস্ত ইঞ্জিন জুড়ে উপলব্ধ করবে। আপনি introducing inert- এ জড় সম্পর্কে আরও জানতে পারবেন। Firefox linear() ইজিং ফাংশনের জন্য সমর্থনও সক্ষম করবে।

Chrome 112 এবং Safari 16.5 উভয়ই CSS Nesting-এর জন্য সমর্থন যোগ করে, একটি বৈশিষ্ট্য যা অনেক ডেভেলপারদের দ্বারা প্রত্যাশিত।

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

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

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