বেসলাইন 2024: ওয়েব ডেভেলপারদের সাহায্য করার জন্য আরও টুল

প্রকাশিত: ডিসেম্বর 10, 2024

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

বেসলাইন কি?

বেসলাইন লেবেল ওয়েব বৈশিষ্ট্য যা ডেস্কটপ এবং মোবাইল উভয় মূল ব্রাউজার দ্বারা সমর্থিত। ব্যবহৃত বৈশিষ্ট্যগুলি যদি বেসলাইনের অংশ হয় তবে আপনি ব্রাউজার সামঞ্জস্যের স্তরে বিশ্বাস করতে পারেন৷

সমস্ত ব্রাউজার সহ নতুন উপলব্ধ লোগো দেখায় যে তারা একটি বৈশিষ্ট্য সমর্থন করে।
বেসলাইন সদ্য উপলব্ধ লোগো MDN এর বিষয়বস্তু-দৃশ্যমানতা পৃষ্ঠায় দেখানো হয়েছে৷

বেসলাইনের বিভিন্ন লেবেল এবং কীভাবে একটি ওয়েব বৈশিষ্ট্য বেসলাইন হয় সে সম্পর্কে আরও বিশদ বিবরণের জন্য, বেসলাইন সাইটটি দেখুন বা বেসলাইনের সাথে আত্মবিশ্বাসের সাথে বিল্ড দেখুন।

2024 সালে বেসলাইন প্রকল্প

web-features কাজ ৮১% সম্পন্ন!

web-features হল ওয়েব প্ল্যাটফর্মের বৈশিষ্ট্যগুলির একটি ভাগ করা ক্যাটালগ তৈরি করার একটি প্রচেষ্টা৷ প্রতিটি বৈশিষ্ট্য একটি গ্রুপ এবং সংজ্ঞা বরাদ্দ করা হয়, এবং বেসলাইন সমর্থন ডেটা এই ডেটাসেটে উল্লেখ করা হয়।

এই কাজের অগ্রগতির জন্য আমরা এই বছর উল্লেখযোগ্য প্রচেষ্টা ব্যয় করেছি। আজ অবধি, 81% ফিচার কী ম্যাপ করা হয়েছে এবং ওয়েব-ফিচার npm প্যাকেজ ব্যবহার করে ব্যবহারযোগ্য। বেসলাইন স্ট্যাটাসের জন্য web-features হল সত্যের উৎস।

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

ওয়েব প্ল্যাটফর্ম স্ট্যাটাস ড্যাশবোর্ড বিভিন্ন ব্রাউজারে ওয়েব প্ল্যাটফর্ম বৈশিষ্ট্য বাস্তবায়নের অন্তর্দৃষ্টি প্রদান করে। ড্যাশবোর্ডটি web-features ডেটা দ্বারা সমর্থিত, এইভাবে এই ড্যাশবোর্ডের নির্ভরযোগ্যতা অনেক উন্নত হয়েছে এবং ওয়েব-ফিচারের কাজের অগ্রগতি আরও সম্পূর্ণ হয়েছে।

আপনি নির্দিষ্ট বৈশিষ্ট্যগুলির অগ্রগতি ট্র্যাক করতে পারেন, বা বেসলাইন 2024 এর মতো বৈশিষ্ট্যগুলির একটি সেট দেখতে ফিল্টার করতে পারেন। এই ড্যাশবোর্ডটি বিদ্যমান সংস্থানগুলির পরিপূরক যেমন আমি কি ব্যবহার করতে পারি এবং MDN-এর সামঞ্জস্যপূর্ণ ডেটা, যা ওয়েব প্ল্যাটফর্মের বিবর্তনের একটি বিস্তৃত দৃশ্য প্রদান করে।

ড্যাশবোর্ড সম্পর্কে আরও তথ্যের জন্য, ওয়েব প্ল্যাটফর্ম ড্যাশবোর্ডের ঘোষণা পড়ুন। লঞ্চের পর থেকে আরও ফিল্টার যোগ করা হয়েছে যেমন group: এবং snapshot: , উদাহরণস্বরূপ snapshot:ecmascript-2023 আপনাকে ES2023-এ অন্তর্ভুক্ত বৈশিষ্ট্যগুলি দেখাবে।

<baseline-status> উইজেট

<baseline-status> ওয়েব কম্পোনেন্টটি ওয়েব-বৈশিষ্ট্যের ডেটাও ব্যবহার করে এবং এখন আপনার নিজস্ব সাইট এবং স্লাইডে ব্যবহারের জন্য প্রস্তুত। npm থেকে ইনস্টল করুন , তারপর প্রতিবার যখন আপনি একটি বৈশিষ্ট্য উল্লেখ করেন তখন উপাদানটি ব্যবহার করুন।

বেসলাইন-স্ট্যাটাস উইজেট একটি ইমেজ হিসাবে রেন্ডার করা হয়েছে।
<baseline-status> উইজেট।

বেসলাইন স্ট্যাটাস ওয়েব কম্পোনেন্ট ব্যবহার সম্পর্কে আরও জানুন।

অফিসিয়াল সাইট এবং লোগো

বেসলাইন W3C WebDX কমিউনিটি গ্রুপের মালিকানাধীন, এবং এই বছর আমরা বেসলাইন প্রকল্পের জন্য একটি অফিসিয়াল পৃষ্ঠা তৈরি করেছি।

আপনি যদি আপনার প্রকল্পে বেসলাইন গ্রহণ করেন, বেসলাইন সম্পর্কে লিখুন, বা বেসলাইন সম্পর্কে একটি বক্তৃতা দেন, আপনি বন্য পৃষ্ঠায় বেসলাইনে আপনার প্রকল্প তালিকাভুক্ত করার জন্য একটি পুল অনুরোধ জমা দিতে পারেন।

আপনার প্রকল্পে বেসলাইন ব্যবহার করার সময়, নাম এবং লোগো ব্যবহারের নির্দেশিকা দেখুন। আপনি যখনই ওয়েব বৈশিষ্ট্যগুলির স্থিতি দেখাতে চান তখন লোগোগুলি আপনার ব্যবহারের জন্য লাইসেন্সপ্রাপ্ত৷

ইন্টারপ প্রকল্পটি বেসলাইন নতুনভাবে উপলব্ধ অনেক বৈশিষ্ট্য তৈরি করেছে

ইন্টারপ প্রজেক্ট হল ওয়েবের ইন্টারঅপারেবিলিটি উন্নত করার জন্য একটি ক্রস-ব্রাউজার প্রচেষ্টা। এই প্রকল্পের বৈশিষ্ট্যগুলি ক্রস-ব্রাউজার বাস্তবায়নের জন্য লক্ষ্য করা হয়েছে, বেসলাইন নতুনভাবে উপলব্ধ হওয়ার সময়কে ত্বরান্বিত করা। ইন্টারপ 2024-এর সময়, ঘোষণামূলক শ্যাডো DOM , font-size-adjust , requestVideoFrameCallback এবং text-wrap: balance এটিকে বেসলাইন 2024-এ পরিণত করেছে, এবং আরও অনেকগুলি সম্পূর্ণ হওয়ার খুব কাছাকাছি।

RUM অন্তর্দৃষ্টি

RUM আর্কাইভের অন্তর্দৃষ্টি পৃষ্ঠাটি বেসলাইন সংহত করার প্রথম টুল ছিল। আপনি তাদের ডেটার উপর ভিত্তি করে প্রতিটি বেসলাইন বছরের জন্য কতজন ব্যবহারকারীকে অন্তর্ভুক্ত করা হয়েছে তা দেখতে পারেন। এটি আপনাকে আপনার প্রকল্পের জন্য একটি বেসলাইন বছর বেছে নিতে সাহায্য করতে পারে বরং বেসলাইন ওয়াইডলি উপলভ্য গ্রহণ করে।

আরও তথ্যের জন্য RUM আর্কাইভের সাথে বেসলাইন ইন্টিগ্রেশন পড়ুন।

এটি বেসলাইন ভিডিও সিরিজ

বেসলাইন নতুন উপলব্ধ বৈশিষ্ট্যগুলির সংক্ষিপ্ত এবং দ্রুত ব্যাখ্যা দিতে, আমরা #thisisbaseline নামে একটি ভিডিও সিরিজ প্রকাশ করছি। 60 সেকেন্ডেরও কম সময়ে নতুন সেট পদ্ধতি , স্ক্রিন ওয়েক লক API , CSS সাবগ্রিড এবং আরও অনেক কিছু সম্পর্কে জানুন।

এই সমস্ত বেসলাইন ভিডিও এখানে দেখুন।

আমাদের সাথে ব্যক্তিগতভাবে চ্যাট করুন!

আপনার কাছে বেসলাইন আনতে, আপনি কী ভাবছেন তা শুনুন এবং আপনার প্রশ্নের উত্তর দেওয়ার জন্য দলটি এই বছর অনেকগুলি সম্মেলনে যোগদান করেছে। এখানে কিছু আলোচনা আমরা উপস্থাপন করছি.

অক্টোবরে প্রকাশিত FITC ওয়েব থেকে রাচেলের উপস্থাপনা , connect.tech-এ পিটের সেশন এবং নভেম্বরে JSNation-এ Mariko-এর আলোচনা দেখুন। এবং আমরা আপনাকে 2025 সালে কিছু দুর্দান্ত ইভেন্টে দেখতে পেরে উত্তেজিত!

বেসলাইনে কি আছে 2024

বছর শেষ হওয়ার সাথে সাথে, আমরা জানি কোন বৈশিষ্ট্যগুলি বেসলাইন 2024 এর অংশ। এখানে কিছু হাইলাইট রয়েছে।

@সম্পত্তি

CSS কাস্টম বৈশিষ্ট্য (এছাড়াও CSS ভেরিয়েবল নামে পরিচিত) একটি ব্যাপকভাবে উপলব্ধ বৈশিষ্ট্য। @property নিয়ম ব্যবহার করে একটি প্রকার, ডিফল্ট মান এবং উত্তরাধিকার সহ কাস্টম প্রপার্টি নির্ধারণ করার ক্ষমতা জুলাই 2024 থেকে সমস্ত মূল ব্রাউজার দ্বারা সমর্থিত ছিল।

নতুন সেট পদ্ধতি

ES2015 সাল থেকে সেট জাভাস্ক্রিপ্টের অংশ, কিন্তু intersection এবং union মতো সেটগুলিতে গাণিতিক ক্রিয়াকলাপ চালানোর জন্য আরও পদ্ধতিগুলি এই বছর সমস্ত মূল ব্রাউজার দ্বারা যুক্ত এবং সমর্থিত হয়েছে৷

এভিআইএফ

AVIF হল একটি আধুনিক ইমেজ ফরম্যাট যেটিতে সাধারণত WebP, JPEG, PNG, এবং GIF এর মত অন্যান্য ইমেজ ফরম্যাটের তুলনায় ভালো কম্প্রেশন থাকে। AVIF জানুয়ারী 2024 সাল থেকে সমস্ত মূল ব্রাউজার দ্বারা সমর্থিত।

…এবং আরো!

অবশ্যই, আরও অনেক বৈশিষ্ট্য রয়েছে যা এই বছর বেসলাইন হয়ে উঠেছে। আপনি এখানে 2024 সালে বেসলাইনের অংশ হয়ে উঠেছে এমন বৈশিষ্ট্যগুলি দেখতে পারেন।

গুটিয়ে নিন

আমরা যখন 2022 সালের মে মাসে বেসলাইন প্রকল্প ঘোষণা করি, তখন এটি ছিল বেসলাইনের একটি ধারণা এবং প্রাথমিক সংজ্ঞা। এই পোস্টটি বেসলাইনকে এমন কিছুতে পরিণত করার জন্য করা কিছু কাজকে হাইলাইট করে যা প্রতিটি বিকাশকারীর কর্মপ্রবাহের অংশ হতে পারে।

আমরা বেসলাইন প্রকল্পের জন্য প্রত্যেকের কঠোর পরিশ্রমকে ধন্যবাদ জানাতে চাই।

যে ব্যক্তিরা web-features অবদান রেখেছেন : ভিক্টর অ্যালেন, ডিয়েট্রিচ আয়ালা, ড্যানিয়েল বেক, প্যাট্রিক ব্রসেট, সন্ড্রা ইবি, আদ্রিয়ানা জারা, মারিকো কোসাকা, পিট লেপেজ, ফ্লোরিয়ান স্কোলজ, জেমস স্টুকি ওয়েবার এবং কুইনগোওরগ (ভিনাইল)

<baseline-status> উইজেট : Ewa Gasperowicz এবং Chrome DevRel টিম

ওয়েব প্ল্যাটফর্ম স্ট্যাটাস ড্যাশবোর্ড : প্যানোস অ্যাস্টিথাস, কাইল জু, জেমস স্কট, ড্যানিয়েল স্মিথ এবং জেসন জু

গুগলের বেসলাইন টিম : অ্যারন অ্যাবার্নো, রাচেল অ্যান্ড্রু, টনি কনওয়ে, ফিলিপ জাগেনস্টেড, অ্যাড্রিয়ানা জারা, মারিকো কোসাকা, পিট লেপেজ, নান্দু নায়ার, আলী স্পিভাক, এবং কাদির টোপাল

বিশেষ ধন্যবাদ : CanIUse-এ অ্যালেক্সিস ডেভেরিয়া, ক্লাস অগনার, হারমিনা কনডেই, ফ্লোরিয়ান ডাইমিঙ্গার, রুথ জন, MDN-এ লিও ম্যাকআর্ডল, RUM আর্কাইভ-এ Nic Jansma এবং রবিন মার্কস, ইন্টারপ প্রকল্পের অবদানকারী, Apple, Firefox, Igalia, Microsoft, Open Web ডক্স, OddBird এবং WebDX কমিউনিটি গ্রুপের সদস্য।