2023 সালের মে মাসে স্থিতিশীল এবং বিটা ওয়েব ব্রাউজারে আসা কিছু আকর্ষণীয় বৈশিষ্ট্য আবিষ্কার করুন।
স্থিতিশীল ব্রাউজার রিলিজ
2023 সালের মে মাসে, Firefox 113 , Chrome 113 , Chrome 114 , এবং Safari 16.5 স্থিতিশীল হয়ে ওঠে। ওয়েব প্ল্যাটফর্মের জন্য এর অর্থ কী তা একবার দেখে নেওয়া যাক।
ওয়েবজিপিইউ
Chrome 113 এর মধ্যে রয়েছে WebGPU , ওয়েবের জন্য WebGL এবং WebGL 2 গ্রাফিক্স API-এর উত্তরসূরী৷ এটি আধুনিক বৈশিষ্ট্যগুলি প্রদান করে যেমন GPU কম্পিউট, GPU হার্ডওয়্যারে নিম্ন ওভারহেড অ্যাক্সেস, একটি একক গ্রাফিক্স ডিভাইস থেকে একাধিক ক্যানভাসে রেন্ডার করার ক্ষমতা এবং আরও ভাল, আরও অনুমানযোগ্য কর্মক্ষমতা।
প্রথম পক্ষের সেট
ফার্স্ট-পার্টি সেট (FPS) হল প্রাইভেসি স্যান্ডবক্সের অংশ। এটি সংস্থাগুলির জন্য সাইটগুলির মধ্যে সম্পর্ক ঘোষণা করার একটি উপায়, যাতে ব্রাউজাররা সিদ্ধান্ত নিতে পারে কখন একটি সেটের মধ্যে সাইটগুলির জন্য সীমিত তৃতীয়-পক্ষ কুকি অ্যাক্সেসের অনুমতি দেবে৷ FPS Chrome 113-এ একটি পর্যায়ক্রমে রোলআউট শুরু করেছে।
CSS মিডিয়া বৈশিষ্ট্য এবং আরও অনেক কিছু
CSS-এর জন্য, Chrome 113 overflow-inline
এবং overflow-block
মিডিয়া বৈশিষ্ট্যগুলি অন্তর্ভুক্ত করে।
এবং update
মিডিয়া বৈশিষ্ট্য।
এছাড়াও linear()
ইজিং ফাংশন অন্তর্ভুক্ত করা হয়েছে, যেটি সম্পর্কে আপনি নিবন্ধে আরও জানতে পারবেন linear()
ইজিং ফাংশন দিয়ে CSS-এ জটিল অ্যানিমেশন কার্ভ তৈরি করুন।
ব্রাউজার সমর্থন
CSS কালার লেভেল 4 বৈশিষ্ট্য
Firefox 113-এর মধ্যে color()
, lab()
, lch()
, oklab()
, oklch()
, এবং color-mix()
ফাংশনাল নোটেশন রয়েছে, সাথে ফোর্সড-কালার-অ্যাডজাস্ট প্রপার্টি রয়েছে। এর মানে হল নতুন রঙের স্থান এবং ফাংশনগুলি এখন তিনটি প্রধান ইঞ্জিন জুড়ে সমর্থিত। আপনি হাই ডেফিনিশন CSS কালার গাইডে এই রঙের স্থান এবং ফাংশন সম্পর্কে আরও জানতে পারেন।
:nth-child()
নির্বাচনের উপর আরো নিয়ন্ত্রণ
Firefox 113 একটি নির্বাচক তালিকাকে :nth-child()
এবং nth-last-child()
-এ পাস করার ক্ষমতাও যোগ করে। এই সম্পর্কে আরও জানুন, এবং পোস্টে উদাহরণ দেখুন :nth-child() S সিনট্যাক্সের সাথে নির্বাচনের উপর আরও নিয়ন্ত্রণ।
ব্রাউজার সমর্থন
কম্প্রেশন স্ট্রিম API
Firefox 113-এ অন্তর্ভুক্তির কারণে এখন তিনটি প্রধান ইঞ্জিনেই সমর্থিত, কম্প্রেশন স্ট্রিম এপিআই স্ট্রিমগুলির কম্প্রেশন এবং ডিকম্প্রেশন সক্ষম করে। এর মানে হল যে জাভাস্ক্রিপ্ট অ্যাপ্লিকেশনগুলির আর একটি কম্প্রেশন লাইব্রেরি বান্ডিল করার প্রয়োজন নেই।
CSS নেস্টিং
Safari 16.5 বেশিরভাগ সমস্যার সমাধান করেছে, তবে CSS Nesting- এর জন্য সমর্থন যোগ করে, নতুন নেস্টিং নির্বাচক >
, নেস্ট সম্পর্কিত শৈলী নিয়মগুলিতে ব্যবহৃত হয়, এমনভাবে যা প্রি-প্রসেসর ব্যবহার করেছেন এমন ডেভেলপারদের কাছে পরিচিত হবে:
.nesting {
color: hotpink;
> .is {
color: rebeccapurple;
> .awesome {
color: deeppink;
}
}
}
text-wrap: balance
Chrome 114 থেকে আপনি text-wrap: balance
ব্যবহার করতে পারেন। এটি আপনাকে চূড়ান্ত লাইনে একটি শব্দ থাকার সমস্যা এড়িয়ে শিরোনামগুলির ভারসাম্য বজায় রাখতে দেয়, আরও আনন্দদায়ক এবং পাঠযোগ্য ফলাফল প্রদান করে। আপনি CSS text-wrap: balance এ আরও জানতে পারবেন।
চিপস: স্বতন্ত্র বিভাজিত রাষ্ট্র থাকার কুকিজ
থার্ড-পার্টি কুকিজ ফেজ আউট করার কাজের অংশ হিসেবে, CHIPS নতুন কুকি অ্যাট্রিবিউট Partitioned
ব্যবহার করে টপ-লেভেল সাইট দ্বারা পার্টিশন করা তৃতীয়-পক্ষের কুকিগুলিতে অপ্ট-ইন করতে সক্ষম করে। চিপস Chrome 114 এ উপলব্ধ।
Popover API
এছাড়াও Chrome 114-এ রয়েছে Popover API যা অন্য সমস্ত ওয়েব অ্যাপ UI-এর উপরে প্রদর্শিত ট্রানজিয়েন্ট ইউজার ইন্টারফেস (UI) উপাদানগুলি তৈরি করা সহজ করে তোলে।
এর মধ্যে রয়েছে ব্যবহারকারী-ইন্টারেক্টিভ উপাদান যেমন অ্যাকশন মেনু, ফর্ম উপাদান পরামর্শ, বিষয়বস্তু বাছাইকারী এবং শিক্ষাদানকারী UI।
নতুন পপওভার অ্যাট্রিবিউট যেকোনো উপাদানকে স্বয়ংক্রিয়ভাবে উপরের স্তরে প্রদর্শিত হতে সক্ষম করে। এর অর্থ বিকাশকারীর জন্য অবস্থান, স্ট্যাকিং উপাদান, ফোকাস বা কীবোর্ড মিথস্ক্রিয়া সম্পর্কে আর উদ্বেগজনক নয়।
পপওভার API প্রবর্তনে আরও জানুন।
বিটা ব্রাউজার রিলিজ
বিটা ব্রাউজার সংস্করণগুলি আপনাকে সেই জিনিসগুলির একটি পূর্বরূপ দেয় যা ব্রাউজারের পরবর্তী স্থিতিশীল সংস্করণে থাকবে৷ নতুন বৈশিষ্ট্যগুলি পরীক্ষা করার জন্য এটি একটি দুর্দান্ত সময়, বা অপসারণ, যা বিশ্ব এই প্রকাশ পাওয়ার আগে আপনার সাইটকে প্রভাবিত করতে পারে৷ নতুন বিটা হল Firefox 114 , Chrome 115 , এবং Safari 16.6 . এই প্রকাশগুলি প্ল্যাটফর্মে অনেক দুর্দান্ত বৈশিষ্ট্য নিয়ে আসে। সমস্ত বিবরণের জন্য রিলিজ নোটগুলি দেখুন, এখানে মাত্র কয়েকটি হাইলাইট রয়েছে৷
ক্রোম 115 সিএসএস display
সম্পত্তির জন্য একাধিক মান অন্তর্ভুক্ত করে। এর মানে হল display: flex
display: block flex
এবং display: block
display: block flow
। একক মানগুলিকে লিগ্যাসি কীওয়ার্ড হিসাবে রক্ষণাবেক্ষণ করা হয়, এবং একবার Chrome Stable-এ এটি সমস্ত ইঞ্জিন জুড়ে একাধিক মান উপলব্ধ করে।
এছাড়াও Chrome 115-এ ওয়েব অ্যানিমেশন স্পেসিফিকেশনের ScrollTimeline
এবং ViewTimeline
এক্সটেনশন রয়েছে। এগুলো CSS এবং JavaScript এর মাধ্যমে স্ক্রোল-চালিত অ্যানিমেশন সক্ষম করে।
Firefox 114-এ রয়েছে WebTransport API , একাধিক স্ট্রীম, একমুখী স্ট্রীম এবং অর্ডারের বাইরে ডেলিভারির জন্য সমর্থন প্রদান করে WebSockets-এর একটি আধুনিক আপডেট।