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

বেসলাইনে আরও বৈশিষ্ট্য
একটি বৈশিষ্ট্য নতুনভাবে উপলব্ধ বেসলাইন হওয়ার জন্য, এটি ইন্টারঅপারেবল হতে হবে। তাই এতে অবাক হওয়ার কিছু নেই যে ইন্টারপ 2024 সেই লাইনে এবং বেসলাইন 2024- এ বেশ কয়েকটি বৈশিষ্ট্যকে সাহায্য করেছে।
নিবন্ধিত কাস্টম বৈশিষ্ট্য
@property
নিয়ম এবং CSS.registerProperty()
স্ট্যাটিক পদ্ধতি জুলাই 2024 এ নতুনভাবে উপলব্ধ বেসলাইন হয়ে উঠেছে।
- MDN-এ
@property
- ওয়েব প্ল্যাটফর্ম ড্যাশবোর্ডে
@property
এন্ট্রি -
@property
: নেক্সট-জেন সিএসএস ভেরিয়েবল এখন সর্বজনীন ব্রাউজার সমর্থন সহ
font-size-adjust
প্রপার্টি
font-size-adjust
CSS প্রপার্টি একটি নির্দিষ্ট মেট্রিক, যেমন x-উচ্চতার ক্ষেত্রে ফন্টগুলিকে একই আকারে স্কেলিং করে ব্যবহৃত ফন্ট নির্বিশেষে স্পষ্ট পাঠ্যের আকার সংরক্ষণ করে। এটি ফলব্যাক ফন্টগুলিকে একই আকারের দেখাতে সাহায্য করতে পারে। এটি জুলাই 2024 এ নতুনভাবে উপলব্ধ বেসলাইন হয়ে উঠেছে।
- MDN-এ
font-size-adjust
- ওয়েব প্ল্যাটফর্ম ড্যাশবোর্ডে
font-size-adjust
এন্ট্রি - CSS
font-size-adjust
এখন বেসলাইনে রয়েছে
<video>
এর জন্য requestVideoFrameCallback()
পদ্ধতি
<video>
এর জন্য requestVideoFrameCallback()
পদ্ধতি একটি ফাংশন নির্ধারণ করে যা পরবর্তী ভিডিও ফ্রেমের সাথে চলে। এটি requestAnimationFrame()
এর মতো, কিন্তু ভিডিওর জন্য, এবং অক্টোবর 2024 এ নতুনভাবে উপলব্ধ হয়েছে৷
- MDN-এ
requestVideoFrameCallback()
-
requestVideoFrameCallback()
ওয়েব প্ল্যাটফর্ম ড্যাশবোর্ডে এন্ট্রি -
requestVideoFrameCallback()
সহ ভিডিওতে দক্ষ প্রতি-ভিডিও-ফ্রেম অপারেশনগুলি সম্পাদন করুন
scrollbar-width
এবং scrollbar-gutter
সহ স্ক্রলবার স্টাইলিং
scrollbar-width
CSS বৈশিষ্ট্য স্ক্রলবারের প্রস্থ নির্ধারণ করে, এবং scrollbar-gutter
স্ক্রলবারের জন্য স্থান সংরক্ষণ করে, স্ক্রলবারটি প্রদর্শিত এবং অদৃশ্য হয়ে যাওয়ার সাথে সাথে অবাঞ্ছিত বিন্যাস পরিবর্তনগুলি প্রতিরোধ করে। তারা 2024 সালের ডিসেম্বরে নতুনভাবে উপলব্ধ বেসলাইন হয়ে উঠেছে।
transition-behavior
সম্পত্তি
transition-behavior: allow-discrete
সিএসএস ঘোষণা এমন বৈশিষ্ট্যগুলির জন্য ট্রানজিশনের অনুমতি দেয় যার অ্যানিমেশন আচরণ বিচ্ছিন্ন। এই ধরনের বৈশিষ্ট্যগুলিকে ইন্টারপোলেট করা যায় না এবং তাদের প্রারম্ভিক মান থেকে শেষ মান 50% এ অদলবদল করা যায় না। আগস্ট 2024-এ এই সম্পত্তিটি নতুনভাবে উপলব্ধ বেসলাইন হয়ে উঠেছে।
- MDN-এ
transition-behavior
- ওয়েব প্ল্যাটফর্ম ড্যাশবোর্ডে
transition-behavior
এন্ট্রি - এখন বেসলাইনে: অ্যানিমেটিং এন্ট্রি প্রভাব
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-এ এখানে বেসলাইন নতুন উপলব্ধ বৈশিষ্ট্যগুলির সিরিজ দেখুন।