জানুয়ারী ২০২৬ সালে স্থিতিশীল এবং বিটা ওয়েব ব্রাউজারগুলিতে আসা কিছু আকর্ষণীয় বৈশিষ্ট্য আবিষ্কার করুন।
প্রকাশিত: ৩০ জানুয়ারী, ২০২৬
স্থিতিশীল ব্রাউজার রিলিজ
জানুয়ারি মাসে ক্রোম ১৪৪ এবং ফায়ারফক্স ১৪৭ স্থিতিশীল অবস্থায় মুক্তি পায়। এই পোস্টে এই মাসে অনেক নতুন বৈশিষ্ট্যের দিকে নজর দেওয়া হয়েছে, যার মধ্যে বেশ কিছু জিনিস নতুনভাবে বেসলাইনে উপলব্ধ হয়েছে।
সিএসএস অ্যাঙ্কর পজিশনিং
Firefox 147-এ CSS অ্যাঙ্কর পজিশনিং-এর জন্য সমর্থন রয়েছে, যা এই বৈশিষ্ট্যটিকে Baseline Newly-তে উপলব্ধ করে। এই API আপনাকে অন্যান্য উপাদানের সাথে সম্পর্কিত উপাদানগুলির অবস্থান নির্ধারণ করতে দেয়, যা অ্যাঙ্কর নামে পরিচিত। এটি টুলটিপস, মেনু এবং পপওভারের জন্য কার্যকর, যেখানে আপনি পৃষ্ঠার অন্য উপাদানের সাথে সম্পর্কিত একটি উপাদান স্থাপন করতে চান।
নেভিগেশন এপিআই
এছাড়াও বেসলাইন হয়ে উঠছে ফায়ারফক্স ১৪৭-এর সাথে নতুনভাবে উপলব্ধ হল নেভিগেশন API । এই API আপনার অ্যাপ্লিকেশনে নেভিগেশন শুরু করার, আটকানোর এবং পরিচালনা করার একটি আধুনিক উপায় প্রদান করে।
::search-text সহ ফাইন্ড-ইন-পেজ স্টাইলিং
Chrome 144-এ ::search-text ছদ্ম-উপাদান অন্তর্ভুক্ত রয়েছে। এই বৈশিষ্ট্যটি লেখকদের কাছে ফাইন্ড-ইন-পৃষ্ঠা অনুসন্ধান ফলাফল স্টাইলিংকে হাইলাইট ছদ্ম-উপাদান হিসাবে প্রকাশ করে, যা ::selection এবং ::spelling-error অনুরূপ। এটি আপনাকে যখন কোনও ব্যবহারকারী ব্রাউজারের ফাইন্ড-ইন-পৃষ্ঠা কার্যকারিতা ব্যবহার করে তখন অনুসন্ধান ফলাফলের উপস্থিতি কাস্টমাইজ করতে দেয়।
ইগালিয়া ব্লগে ফাইন্ড-ইন-পেজ হাইলাইট স্টাইলিং- এ আরও জানুন।
Browser Support
<geolocation> উপাদান
Chrome 144 ব্যবহারকারীর অবস্থান অ্যাক্সেস করার জন্য একটি ঘোষণামূলক, ব্যবহারকারী-সক্রিয় নিয়ন্ত্রণ <geolocation> উপাদান প্রবর্তন করে। এটি অনুমতি প্রবাহ পরিচালনা করে এবং সরাসরি সাইটে অবস্থানের ডেটা সরবরাহ করে ব্যবহারকারী এবং ডেভেলপারদের যাত্রাকে সহজ করে তোলে, প্রায়শই একটি পৃথক জাভাস্ক্রিপ্ট API কলের প্রয়োজনীয়তা দূর করে।
HTML <geolocation> উপাদানের সাথে পরিচিতি সম্পর্কে আরও জানুন।
টেম্পোরাল এপিআই
Chrome 144-এ Temporal API অন্তর্ভুক্ত রয়েছে। এটি তারিখ এবং সময়ের সাথে কাজ করার জন্য স্ট্যান্ডার্ড অবজেক্ট এবং ফাংশন প্রদান করে। এটি জাভাস্ক্রিপ্টে একটি উল্লেখযোগ্য সংযোজন, যা Date অবজেক্টের জন্য একটি শক্তিশালী এবং আধুনিক প্রতিস্থাপন প্রদান করে।
CSS caret-shape
Chrome 144 caret-shape প্রোপার্টি চালু করে, যা আপনাকে টেক্সট ইনসার্টেশন ক্যারেটের আকৃতি নির্দিষ্ট করতে দেয়। আপনি auto , bar , block এবং underscore মধ্যে বেছে নিতে পারেন।
ট্রানজিশনের উন্নতিগুলি দেখুন
ফায়ারফক্স ১৪৭-এ ভিউ ট্রানজিশনের ধরণ চিহ্নিত করা অন্তর্ভুক্ত। এগুলি এমন একটি প্রক্রিয়া প্রদান করে যার মাধ্যমে সক্রিয় ভিউ ট্রানজিশনের জন্য বিভিন্ন প্রকার নির্দিষ্ট করা যায়। নির্দিষ্ট ট্রানজিশনের ধরণের উপর নির্ভর করে, DOM উপাদানগুলির বিষয়বস্তু আপডেট হলে CSS-কে অ্যানিমেশন প্রয়োগ করতে ব্যবহার করা যেতে পারে। ফায়ারফক্স ১৪৭ শুধুমাত্র সিঙ্গেল-পেজ অ্যাপ (SPA) ভিউ ট্রানজিশনের ধরণগুলির জন্য সমর্থন যোগ করে, ক্রস-ডকুমেন্ট ভিউ ট্রানজিশনের ধরণগুলির জন্য নয়।
ফায়ারফক্স এখন Document ইন্টারফেসে activeViewTransition প্রোপার্টি সমর্থন করে, যা সক্রিয় ট্রানজিশনের জন্য ViewTransition অবজেক্ট ফেরত দেয়।
বিটা ব্রাউজার রিলিজ
বিটা ব্রাউজার ভার্সনগুলি আপনাকে ব্রাউজারের পরবর্তী স্থিতিশীল ভার্সনে কী কী থাকবে তার একটি পূর্বরূপ দেবে। নতুন বৈশিষ্ট্যগুলি পরীক্ষা করার জন্য বা অপসারণ করার জন্য এটি একটি দুর্দান্ত সময়, যা বিশ্বে সেই রিলিজ পাওয়ার আগে আপনার সাইটকে প্রভাবিত করতে পারে। এই মাসে নতুন বিটা হল Chrome 145 এবং Firefox 148 ।
Chrome 145-এ জাস্টিফিকেশন পদ্ধতি নিয়ন্ত্রণ করার জন্য text-justify প্রপার্টি এবং column-wrap এবং column-height সহ মাল্টি-কলাম লেআউটের উন্নতি অন্তর্ভুক্ত রয়েছে। এটি onanimationcancel ইভেন্টটিকে GlobalEventHandlers এও নিয়ে আসে। অতিরিক্তভাবে, কাস্টমাইজেবল <select> তালিকাবক্সগুলিতে প্রসারিত করা হয়েছে।
Firefox 148-এ Location.ancestorOrigins সাপোর্ট রয়েছে, যা আপনাকে নির্ধারণ করতে দেয় যে একটি ডকুমেন্ট <iframe> এ এমবেড করা আছে কিনা এবং কোন সাইট দ্বারা।