ইন্টারপ 2024 বেসলাইনে আরও বৈশিষ্ট্য নিয়ে আসে

রাচেল অ্যান্ড্রু

প্রকাশিত: 22 জানুয়ারী, 2025

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

99 স্কোর সহ সমস্ত ব্রাউজার।
ইন্টারপ 2024 ড্যাশবোর্ড (22 জানুয়ারী, 2025 অনুযায়ী)

বেসলাইনে আরও বৈশিষ্ট্য

একটি বৈশিষ্ট্য নতুনভাবে উপলব্ধ বেসলাইন হওয়ার জন্য, এটি ইন্টারঅপারেবল হতে হবে। তাই এতে অবাক হওয়ার কিছু নেই যে ইন্টারপ 2024 সেই লাইনে এবং বেসলাইন 2024- এ বেশ কয়েকটি বৈশিষ্ট্যকে সাহায্য করেছে।

নিবন্ধিত কাস্টম বৈশিষ্ট্য

@property নিয়ম এবং CSS.registerProperty() স্ট্যাটিক পদ্ধতি জুলাই 2024 এ নতুনভাবে উপলব্ধ বেসলাইন হয়ে উঠেছে।

font-size-adjust প্রপার্টি

font-size-adjust CSS প্রপার্টি একটি নির্দিষ্ট মেট্রিক, যেমন x-উচ্চতার ক্ষেত্রে ফন্টগুলিকে একই আকারে স্কেলিং করে ব্যবহৃত ফন্ট নির্বিশেষে স্পষ্ট পাঠ্যের আকার সংরক্ষণ করে। এটি ফলব্যাক ফন্টগুলিকে একই আকারের দেখাতে সাহায্য করতে পারে। এটি জুলাই 2024 এ নতুনভাবে উপলব্ধ বেসলাইন হয়ে উঠেছে।

<video> এর জন্য requestVideoFrameCallback() পদ্ধতি

<video> এর জন্য requestVideoFrameCallback() পদ্ধতি একটি ফাংশন নির্ধারণ করে যা পরবর্তী ভিডিও ফ্রেমের সাথে চলে। এটি requestAnimationFrame() এর মতো, কিন্তু ভিডিওর জন্য, এবং অক্টোবর 2024 এ নতুনভাবে উপলব্ধ হয়েছে৷

scrollbar-width এবং scrollbar-gutter সহ স্ক্রলবার স্টাইলিং

scrollbar-width CSS বৈশিষ্ট্য স্ক্রলবারের প্রস্থ নির্ধারণ করে, এবং scrollbar-gutter স্ক্রলবারের জন্য স্থান সংরক্ষণ করে, স্ক্রলবারটি প্রদর্শিত এবং অদৃশ্য হয়ে যাওয়ার সাথে সাথে অবাঞ্ছিত বিন্যাস পরিবর্তনগুলি প্রতিরোধ করে। তারা 2024 সালের ডিসেম্বরে নতুনভাবে উপলব্ধ বেসলাইন হয়ে উঠেছে।

transition-behavior সম্পত্তি

transition-behavior: allow-discrete সিএসএস ঘোষণা এমন বৈশিষ্ট্যগুলির জন্য ট্রানজিশনের অনুমতি দেয় যার অ্যানিমেশন আচরণ বিচ্ছিন্ন। এই ধরনের বৈশিষ্ট্যগুলিকে ইন্টারপোলেট করা যায় না এবং তাদের প্রারম্ভিক মান থেকে শেষ মান 50% এ অদলবদল করা যায় না। আগস্ট 2024-এ এই সম্পত্তিটি নতুনভাবে উপলব্ধ বেসলাইন হয়ে উঠেছে।

text-wrap: balance

text-wrap সিএসএস প্রপার্টি সেট করে যে কীভাবে টেক্সটে লাইন ভেঙ্গে যায় যা কন্টেইনারকে ওভারফ্লো করে। এটি text-wrap-style এবং text-wrap-mode জন্য একটি সংক্ষিপ্ত বিবরণ। balance মান আপনাকে সুষম শিরোনাম এবং পাঠ্যের অন্যান্য ছোট টুকরা তৈরি করতে দেয়। text-wrap সম্পত্তি বেসলাইন হয়ে উঠেছে নতুনভাবে 2024 সালের মার্চ মাসে উপলব্ধ।

পপওভার

পপওভার আপনাকে এইচটিএমএল ব্যবহার করে বা showPopover() পদ্ধতির মাধ্যমে ঘোষণামূলকভাবে ওভারলে তৈরি করতে দেয়। এটি প্রায় বেসলাইনে নতুনভাবে উপলব্ধ করা হয়েছে, এবং প্রকৃতপক্ষে আমরা প্রাথমিকভাবে ভেবেছিলাম এটি ছিল, তবে সাফারি বাস্তবায়নের একটি সমস্যার মানে হল যে এটি 2024 সালে নিউলি উপলভ্যকে খুব বেশি আঘাত করেনি। ভাল খবর হল যে সমস্যাটি বর্তমান সময়ে ঠিক করা হয়েছে Safari Beta 18.3, তাই আমরা শীঘ্রই সঠিকভাবে Popover কে বেসলাইন হিসেবে নতুনভাবে উপলব্ধ ঘোষণা করতে সক্ষম হব।

বেসলাইন বৈশিষ্ট্যের সমাধান

ইন্টারপ 2024-এ এমন বৈশিষ্ট্যগুলি অন্তর্ভুক্ত ছিল যেগুলি ইতিমধ্যেই বেসলাইন হিসাবে শ্রেণীবদ্ধ করা হয়েছিল নতুনভাবে উপলব্ধ, কাজটি ছিল বাস্তবায়নে কিছু ছোট পার্থক্য ঠিক করা। এগুলি এমন জিনিস হতে পারে যেগুলির মধ্যে খুব কম লোকই ছুটে যায়, তবে ছোট জিনিসগুলি একটি বড় পার্থক্য করে যদি আপনি সেগুলির মধ্যে ছুটে থাকেন৷

CSS নেস্টিং

CSS নেস্টিং অন্যদের মধ্যে নেস্টিং নিয়ম দ্বারা সংক্ষিপ্ত নির্বাচক, সহজ পাঠ এবং আরও মডুলারিটির জন্য অনুমতি দেয়। এটি 2023 সালের ডিসেম্বরে নতুনভাবে উপলব্ধ বেসলাইন হয়ে ওঠে এবং কিছু অসামান্য ইন্টারপ সমস্যা সমাধানের জন্য ইন্টারপ 2024-এ অন্তর্ভুক্ত করা হয়েছিল।

ঘোষণামূলক ছায়া DOM

<template> এ shadowrootmode বৈশিষ্ট্য জাভাস্ক্রিপ্ট ব্যবহার না করেই একটি ছায়া রুট তৈরি করে। এটি `attachShadow() পদ্ধতির একটি ঘোষণামূলক বিকল্প।

ইন্টারপ 2025 শীঘ্রই আসছে

ইন্টারপ 2025-এর জন্য প্রস্তাবগুলি এখনই চূড়ান্ত করা হচ্ছে, এবং আমরা এই বছর আমাদের সমস্ত সাফল্যের উপর ভিত্তি করে তৈরি করতে উত্তেজিত। ফেব্রুয়ারীতে কী কী অন্তর্ভুক্ত রয়েছে তা খুঁজে বের করার জন্য ঘোষণাটি দেখুন। বেসলাইনে অবতরণ জিনিসগুলি অনুসরণ করতে, ওয়েব.dev-এ এখানে বেসলাইন নতুন উপলব্ধ বৈশিষ্ট্যগুলির সিরিজ দেখুন।