প্রকাশিত: মার্চ 31, 2025
আরও একটি মাস চলে গেছে এবং গত বেসলাইন মাসিক ডাইজেস্টের পর থেকে অনেক কিছু ঘটেছে! এই সংস্করণে, আমরা web.dev-এ এখানে প্রকাশিত কিছু পোস্টের সংক্ষিপ্ত বিবরণ দেব, কিছু বেসলাইন নতুনভাবে উপলব্ধ বৈশিষ্ট্য যা অবতরণ করেছে, এবং সম্প্রদায়ে টুলিংয়ের কিছু আপডেট।
ESLint 0.6.0 প্রকাশিত হয়েছে
সম্প্রতি, আমরা linting CSS-এর জন্য ESLint চালু করার সমর্থন সম্পর্কে পোস্ট করেছি । এই লঞ্চের অংশে একটি নতুন ESLint নিয়ম অন্তর্ভুক্ত ছিল require-baseline — আপনার প্রোজেক্টে আপনি যে CSS বৈশিষ্ট্যগুলি ব্যবহার করেন এবং সেগুলি একটি নির্দিষ্ট বেসলাইন থ্রেশহোল্ডে পৌঁছায় কিনা।
সম্প্রতি, ESLint @eslint/css প্যাকেজের 0.6.0 সংস্করণ চালু করেছে, যার মধ্যে একটি গুরুত্বপূর্ণ নতুন আপডেট রয়েছে যা require-baseline নিয়মকে use-baseline নামকরণ করে। যদিও এই আপডেটটি আপাতদৃষ্টিতে একটি ছোট, এটি নিয়মের পাঠযোগ্যতার উন্নতি করে। এই রিলিজে আরও কিছু গুরুত্বপূর্ণ বৈশিষ্ট্য এবং বাগ সংশোধন করা হয়েছে, যেমন নেস্টেড CSS ব্লকগুলিকে লিন্ট করার জন্য use-baseline নিয়মের যোগ করার ক্ষমতা। আপনি যদি @eslint/css এর পূর্ববর্তী সংস্করণ ব্যবহার করেন তবে এই আপডেটটি দেখুন!
ওয়েব প্ল্যাটফর্ম ড্যাশবোর্ডে কিভাবে প্রশ্ন করতে হয়
এই মাসের শুরুর দিকে, আমরা ওয়েব প্ল্যাটফর্ম ড্যাশবোর্ডের বিষয়ে প্রশ্ন করার বিষয়ে একটি পোস্ট প্রকাশ করেছি। এই ড্যাশবোর্ডটিকে এর ফ্রন্টএন্ডে , সেইসাথে একটি HTTP API এর মাধ্যমে জিজ্ঞাসা করা যেতে পারে। এটি বেসলাইন টুলিংয়ের জন্য সম্ভাব্যভাবে উপযোগী হতে পারে, কারণ আপনি একটি নির্দিষ্ট বেসলাইন থ্রেশহোল্ডে পৌঁছেছে এমন বৈশিষ্ট্যগুলি খুঁজে পেতে API-কে জিজ্ঞাসা করতে পারেন।
এই APIটি টুলিংয়ের জন্য উপযোগী হতে পারে যেখানে আপনাকে নির্দিষ্ট বৈশিষ্ট্য সম্পর্কে দ্রুত তথ্য পেতে হবে। উদাহরণস্বরূপ, আপনি একটি স্ক্রিপ্ট লিখতে এই ধরনের টুলিং ব্যবহার করতে পারেন যা আপনাকে কিছু ব্যবধানে বলে যে বৈশিষ্ট্যগুলি সম্প্রতি বেসলাইন নতুনভাবে উপলব্ধ বা ব্যাপকভাবে উপলব্ধ হয়েছে। যদি এটি আপনার কাছে দরকারী কিছু মনে হয়, পোস্টটি পড়ুন !
বেসলাইন এবং পলিফিলস সম্পর্কে কীভাবে ভাববেন
বেসলাইনের লক্ষ্য হল আপনি নিরাপদে কোন বৈশিষ্ট্যগুলি ব্যবহার করতে পারেন সে সম্পর্কে স্পষ্টতা আনা—কিন্তু সেই অতিরিক্ত স্বচ্ছতার সাথেও, আপনাকে এখনও ভাবতে হবে কীভাবে বৈশিষ্ট্যগুলিকে এমনভাবে গ্রহণ করা যায় যা আপনার ওয়েব অ্যাপ্লিকেশনগুলির জন্য অর্থপূর্ণ হয়৷ পলিফিলস সেই প্রক্রিয়ার একটি বড় অংশ। বৈশিষ্ট্যগুলি নতুন বা ব্যাপকভাবে উপলব্ধ কিনা বেসলাইন পলিফিলগুলি বিবেচনা করে না এবং সেগুলি ব্যবহার করতে হবে কিনা তা আপনাকে বলার চেষ্টা করে না। এই সিদ্ধান্তটি আপনার আবেদনের জন্য নির্দিষ্ট, কিন্তু এটি একটি গুরুত্বপূর্ণ বিবেচনা!
সম্প্রতি, আমরা বেসলাইন এবং পলিফিলগুলি সম্পর্কে কীভাবে চিন্তা করতে হয় সে সম্পর্কে একটি পোস্ট প্রকাশ করেছি এবং আমরা মনে করি এটি কীভাবে সেগুলি ব্যবহার করার বিষয়ে চিন্তা করতে হয় তার জন্য এটি একটি সহায়ক কাঠামো প্রদান করে৷ বেসলাইন নতুন বা ব্যাপকভাবে উপলব্ধ বৈশিষ্ট্যগুলির সাথে আশা করা হচ্ছে যে পলিফিলগুলি একটি প্রয়োজনীয়তা কম হয়ে গেছে। কোন সন্দেহ নেই যে পলিফিলগুলি আপনার ডেভেলপমেন্ট টুলবক্সে দরকারী টুল, কিন্তু তাদের অসুবিধা রয়েছে-এগুলি আপনার ওয়েবসাইটের কর্মক্ষমতার উপর নেতিবাচক প্রভাব ফেলতে পারে এবং কিছু ক্ষেত্রে, অ্যাক্সেসযোগ্যতার উদ্বেগও হতে পারে। আশা করি এই গাইড আপনাকে এই জটিল প্রশ্নটি নেভিগেট করতে সাহায্য করবে!
contenteditable="plaintext-only" এখন বেসলাইন নতুনভাবে উপলব্ধ
একটি HTML উপাদানের contenteditable বৈশিষ্ট্য ব্যবহারকারীকে তার বিষয়বস্তু পরিবর্তন করতে দেয় যেন এটি একটি পাঠ্য ক্ষেত্র। এর মানে, উদাহরণস্বরূপ, আপনি একটি <p> উপাদানে বৈশিষ্ট্যটি স্থাপন করতে পারেন এবং ব্যবহারকারী এটির সাথে একটি <textarea> মত ইন্টারঅ্যাক্ট করতে পারে। কিছু ব্যবহারের ক্ষেত্রে, contenteditable ব্যবহার সাধারণ ফর্ম উপাদানগুলির তুলনায় সুবিধা প্রদান করে।
যাইহোক, ব্যবহারকারীরা সম্পাদনাযোগ্য উপাদানগুলিতে স্টাফ পেস্ট করে, এবং তারা পেস্ট করা জিনিসগুলিতে সমৃদ্ধ পাঠ্য বিন্যাস থাকতে পারে, যা ব্যবহারকারীদের জন্য একটি হতাশাজনক অভিজ্ঞতা প্রদান করতে পারে যারা কেবল একটি ক্ষেত্রের মধ্যে বিন্যাসহীন পাঠ্য পেস্ট করতে চান৷ contenteditable="plaintext-only" অ্যাট্রিবিউট/মান সমন্বয় এটি ঘটতে বাধা দেয়, এবং এটি সম্প্রতি নতুনভাবে উপলব্ধ বেসলাইন হয়ে উঠেছে। আরও জানতে, ঘোষণা পোস্টটি পড়ুন, এবং শিখুন কীভাবে আপনি এমন ব্যবহারকারীদের জন্য আরও ভাল সম্পাদনার অভিজ্ঞতা প্রদান করতে পারেন যারা কেবল সমস্ত ফ্লাফ ছাড়াই জিনিসগুলিতে পাঠ্য পেস্ট করতে চান৷
Intl.DurationFormat এখন বেসলাইন নতুনভাবে উপলব্ধ
আপনি সম্ভবত আপনার জীবনের কোনও সময়ে কোনও ওয়েবসাইটে ছিলেন এবং এমন কিছু পাঠ্য দেখেছেন যা সময়কালের সময়কালের সাথে যোগাযোগ করে যতক্ষণ না কিছু ঘটনার পরে, প্রায়শই "2 দিন, 6 ঘন্টা, 3 মিনিট" এর মতো একটি স্ট্রিংয়ে। এই ডেটা যেকোনও সময়োপযোগী জিনিস যোগাযোগের জন্য দরকারী, তবে এটি প্রায়শই একটি লাইব্রেরি দ্বারা সরবরাহ করা হয়। তার উপরে, আপনি এই তথ্যটি একাধিক ভাষায় আউটপুট করতে চাইতে পারেন।
Intl.DurationFormat লিখুন, একটি আন্তর্জাতিকীকরণ বৈশিষ্ট্য যা সম্প্রতি নতুনভাবে উপলব্ধ বেসলাইন হয়ে উঠেছে। Intl.DurationFormat ক্লাসের সাহায্যে, আপনি একটি অবজেক্টকে এর কনস্ট্রাক্টরের কাছে পাঠাতে পারেন যার মধ্যে সময়ের এককগুলিকে আপনি একটি স্ট্রিং-এ ফর্ম্যাট করতে চান এবং প্রায় যেকোনো ভাষায় আপনি ভাবতে পারেন:
const duration = {
years: 1,
hours: 20,
minutes: 15,
seconds: 35
};
// English output: '1 year, 20 hours, 15 minutes, 35 seconds'
new Intl.DurationFormat('en', { style: 'long' }).format(duration);
// German output: '1 Jahr, 20 Stunden, 15 Minuten und 35 Sekunden'
new Intl.DurationFormat('de', { style: 'long' }).format(duration);
// Spanish output: '1 año, 20 horas, 15 minutos y 35 segundos'
new Intl.DurationFormat('es', { style: 'long' }).format(duration);
এর উত্তেজনাপূর্ণ অংশ হল যে যদি আপনার অ্যাপ্লিকেশনটি এই ধরনের স্ট্রিং ফর্ম্যাট করার জন্য একটি লাইব্রেরির উপর নির্ভর করে, তাহলে আপনি শীঘ্রই একটি লাইব্রেরি ছাড়াই এটি করতে সক্ষম হবেন, আপনার ব্যবহারকারীদের জন্য কিলোবাইট বাঁচাতে পারবেন। আরও তথ্যের জন্য, Intl.DurationFormat সম্পর্কে ঘোষণা পোস্টটি পড়ুন এবং শিখুন কিভাবে আপনি এই সুবিধাজনক নতুন বৈশিষ্ট্যটির সুবিধা নিতে পারেন!
W3C ব্রেকআউটস ডে 2025-এ বেসলাইন
সম্প্রতি, W3C তার ব্রেকআউটস ডে-র 2025 সংস্করণের আয়োজন করেছে, যেখানে সদস্যরা বিভিন্ন বিষয়ে উপস্থাপনা করেছেন এবং 26 শে মার্চ বেসলাইনে একটি দরকারী সেশন অফার করা হয়েছে ।
আপনি যদি বেসলাইনে নতুন হন, এই সেশনটি একটি দ্রুত ওভারভিউ দেওয়ার জন্য একটি দুর্দান্ত কাজ করে। এটি বেসলাইনের মৌলিক বিষয়গুলিকে কভার করে যেমন নতুন এবং ব্যাপকভাবে উপলব্ধ ধারণাগুলি, তবে সেই সংজ্ঞাগুলি কীভাবে ডেটা দ্বারা নির্ধারিত হয়, browser-compat-data থেকে শুরু করে, web-features ডেটা পর্যন্ত কাজ করে যা আমাদের বুঝতে সাহায্য করে যে কোন বৈশিষ্ট্যগুলি বেসলাইন থ্রেশহোল্ডে রয়েছে।
আপনি যদি এই অধিবেশন মিস করেন, চিন্তা করবেন না! অধিবেশনের স্লাইডগুলি ইতিমধ্যেই উপলব্ধ , তাই আপনার কৌতূহল যদি আপনার কাছে আরও ভাল হয় তবে সেগুলি দেখুন৷
এটা একটা মোড়ানো!
মাসিক ডাইজেস্টের এই সংস্করণটি শুধু মাসের শেষই নয়, ত্রৈমাসিককেও চিহ্নিত করে। আপনি যদি ডাইজেস্টের পূর্ববর্তী সংস্করণগুলি মিস করে থাকেন তবে এই বছরের প্রথম ত্রৈমাসিকে বেসলাইনের সাথে যা ঘটেছে তার গতি পেতে জানুয়ারী এবং ফেব্রুয়ারি সংস্করণগুলি দেখুন৷ যথারীতি, আমরা বেসলাইন-সম্পর্কিত কিছু মিস করলে আমাদের জানান , এবং আমরা নিশ্চিত করব যে এটি ভবিষ্যতের সংস্করণে ক্যাপচার করা হয়েছে। এক মাসে দেখা হবে!
,
প্রকাশিত: মার্চ 31, 2025
আরও একটি মাস চলে গেছে এবং গত বেসলাইন মাসিক ডাইজেস্টের পর থেকে অনেক কিছু ঘটেছে! এই সংস্করণে, আমরা web.dev-এ এখানে প্রকাশিত কিছু পোস্টের সংক্ষিপ্ত বিবরণ দেব, কিছু বেসলাইন নতুনভাবে উপলব্ধ বৈশিষ্ট্য যা অবতরণ করেছে, এবং সম্প্রদায়ে টুলিংয়ের কিছু আপডেট।
ESLint 0.6.0 প্রকাশিত হয়েছে
সম্প্রতি, আমরা linting CSS-এর জন্য ESLint চালু করার সমর্থন সম্পর্কে পোস্ট করেছি । এই লঞ্চের অংশে একটি নতুন ESLint নিয়ম অন্তর্ভুক্ত ছিল require-baseline — আপনার প্রোজেক্টে আপনি যে CSS বৈশিষ্ট্যগুলি ব্যবহার করেন এবং সেগুলি একটি নির্দিষ্ট বেসলাইন থ্রেশহোল্ডে পৌঁছায় কিনা।
সম্প্রতি, ESLint @eslint/css প্যাকেজের 0.6.0 সংস্করণ চালু করেছে, যার মধ্যে একটি গুরুত্বপূর্ণ নতুন আপডেট রয়েছে যা require-baseline নিয়মকে use-baseline নামকরণ করে। যদিও এই আপডেটটি আপাতদৃষ্টিতে একটি ছোট, এটি নিয়মের পাঠযোগ্যতার উন্নতি করে। এই রিলিজে আরও কিছু গুরুত্বপূর্ণ বৈশিষ্ট্য এবং বাগ সংশোধন করা হয়েছে, যেমন নেস্টেড CSS ব্লকগুলিকে লিন্ট করার জন্য use-baseline নিয়মের যোগ করার ক্ষমতা। আপনি যদি @eslint/css এর পূর্ববর্তী সংস্করণ ব্যবহার করেন তবে এই আপডেটটি দেখুন!
ওয়েব প্ল্যাটফর্ম ড্যাশবোর্ডে কিভাবে প্রশ্ন করতে হয়
এই মাসের শুরুর দিকে, আমরা ওয়েব প্ল্যাটফর্ম ড্যাশবোর্ডের বিষয়ে প্রশ্ন করার বিষয়ে একটি পোস্ট প্রকাশ করেছি। এই ড্যাশবোর্ডটিকে এর ফ্রন্টএন্ডে , সেইসাথে একটি HTTP API এর মাধ্যমে জিজ্ঞাসা করা যেতে পারে। এটি বেসলাইন টুলিংয়ের জন্য সম্ভাব্যভাবে উপযোগী হতে পারে, কারণ আপনি একটি নির্দিষ্ট বেসলাইন থ্রেশহোল্ডে পৌঁছেছে এমন বৈশিষ্ট্যগুলি খুঁজে পেতে API-কে জিজ্ঞাসা করতে পারেন।
এই APIটি টুলিংয়ের জন্য উপযোগী হতে পারে যেখানে আপনাকে নির্দিষ্ট বৈশিষ্ট্য সম্পর্কে দ্রুত তথ্য পেতে হবে। উদাহরণস্বরূপ, আপনি একটি স্ক্রিপ্ট লিখতে এই ধরনের টুলিং ব্যবহার করতে পারেন যা আপনাকে কিছু ব্যবধানে বলে যে বৈশিষ্ট্যগুলি সম্প্রতি বেসলাইন নতুনভাবে উপলব্ধ বা ব্যাপকভাবে উপলব্ধ হয়েছে। যদি এটি আপনার কাছে দরকারী কিছু মনে হয়, পোস্টটি পড়ুন !
বেসলাইন এবং পলিফিলস সম্পর্কে কীভাবে ভাববেন
বেসলাইনের লক্ষ্য হল আপনি নিরাপদে কোন বৈশিষ্ট্যগুলি ব্যবহার করতে পারেন সে সম্পর্কে স্পষ্টতা আনা—কিন্তু সেই অতিরিক্ত স্বচ্ছতার সাথেও, আপনাকে এখনও ভাবতে হবে কীভাবে বৈশিষ্ট্যগুলিকে এমনভাবে গ্রহণ করা যায় যা আপনার ওয়েব অ্যাপ্লিকেশনগুলির জন্য অর্থপূর্ণ হয়৷ পলিফিলস সেই প্রক্রিয়ার একটি বড় অংশ। বৈশিষ্ট্যগুলি নতুন বা ব্যাপকভাবে উপলব্ধ কিনা বেসলাইন পলিফিলগুলি বিবেচনা করে না এবং সেগুলি ব্যবহার করতে হবে কিনা তা আপনাকে বলার চেষ্টা করে না। এই সিদ্ধান্তটি আপনার আবেদনের জন্য নির্দিষ্ট, কিন্তু এটি একটি গুরুত্বপূর্ণ বিবেচনা!
সম্প্রতি, আমরা বেসলাইন এবং পলিফিলগুলি সম্পর্কে কীভাবে চিন্তা করতে হয় সে সম্পর্কে একটি পোস্ট প্রকাশ করেছি এবং আমরা মনে করি এটি কীভাবে সেগুলি ব্যবহার করার বিষয়ে চিন্তা করতে হয় তার জন্য এটি একটি সহায়ক কাঠামো প্রদান করে৷ বেসলাইন নতুন বা ব্যাপকভাবে উপলব্ধ বৈশিষ্ট্যগুলির সাথে আশা করা হচ্ছে যে পলিফিলগুলি একটি প্রয়োজনীয়তা কম হয়ে গেছে। কোন সন্দেহ নেই যে পলিফিলগুলি আপনার ডেভেলপমেন্ট টুলবক্সে দরকারী টুল, কিন্তু তাদের অসুবিধা রয়েছে-এগুলি আপনার ওয়েবসাইটের কর্মক্ষমতার উপর নেতিবাচক প্রভাব ফেলতে পারে এবং কিছু ক্ষেত্রে, অ্যাক্সেসযোগ্যতার উদ্বেগও হতে পারে। আশা করি এই গাইড আপনাকে এই জটিল প্রশ্নটি নেভিগেট করতে সাহায্য করবে!
contenteditable="plaintext-only" এখন বেসলাইন নতুনভাবে উপলব্ধ
একটি HTML উপাদানের contenteditable বৈশিষ্ট্য ব্যবহারকারীকে তার বিষয়বস্তু পরিবর্তন করতে দেয় যেন এটি একটি পাঠ্য ক্ষেত্র। এর মানে, উদাহরণস্বরূপ, আপনি একটি <p> উপাদানে বৈশিষ্ট্যটি স্থাপন করতে পারেন এবং ব্যবহারকারী এটির সাথে একটি <textarea> মত ইন্টারঅ্যাক্ট করতে পারে। কিছু ব্যবহারের ক্ষেত্রে, contenteditable ব্যবহার সাধারণ ফর্ম উপাদানগুলির তুলনায় সুবিধা প্রদান করে।
যাইহোক, ব্যবহারকারীরা সম্পাদনাযোগ্য উপাদানগুলিতে স্টাফ পেস্ট করে, এবং তারা পেস্ট করা জিনিসগুলিতে সমৃদ্ধ পাঠ্য বিন্যাস থাকতে পারে, যা ব্যবহারকারীদের জন্য একটি হতাশাজনক অভিজ্ঞতা প্রদান করতে পারে যারা কেবল একটি ক্ষেত্রের মধ্যে বিন্যাসহীন পাঠ্য পেস্ট করতে চান৷ contenteditable="plaintext-only" অ্যাট্রিবিউট/মান সমন্বয় এটি ঘটতে বাধা দেয়, এবং এটি সম্প্রতি নতুনভাবে উপলব্ধ বেসলাইন হয়ে উঠেছে। আরও জানতে, ঘোষণা পোস্টটি পড়ুন, এবং শিখুন কীভাবে আপনি এমন ব্যবহারকারীদের জন্য আরও ভাল সম্পাদনার অভিজ্ঞতা প্রদান করতে পারেন যারা কেবল সমস্ত ফ্লাফ ছাড়াই জিনিসগুলিতে পাঠ্য পেস্ট করতে চান৷
Intl.DurationFormat এখন বেসলাইন নতুনভাবে উপলব্ধ
আপনি সম্ভবত আপনার জীবনের কোনও সময়ে কোনও ওয়েবসাইটে ছিলেন এবং এমন কিছু পাঠ্য দেখেছেন যা সময়কালের সময়কালের সাথে যোগাযোগ করে যতক্ষণ না কিছু ঘটনার পরে, প্রায়শই "2 দিন, 6 ঘন্টা, 3 মিনিট" এর মতো একটি স্ট্রিংয়ে। এই ডেটা যেকোনও সময়োপযোগী জিনিস যোগাযোগের জন্য দরকারী, তবে এটি প্রায়শই একটি লাইব্রেরি দ্বারা সরবরাহ করা হয়। তার উপরে, আপনি এই তথ্যটি একাধিক ভাষায় আউটপুট করতে চাইতে পারেন।
Intl.DurationFormat লিখুন, একটি আন্তর্জাতিকীকরণ বৈশিষ্ট্য যা সম্প্রতি নতুনভাবে উপলব্ধ বেসলাইন হয়ে উঠেছে। Intl.DurationFormat ক্লাসের সাহায্যে, আপনি একটি অবজেক্টকে এর কনস্ট্রাক্টরের কাছে পাঠাতে পারেন যার মধ্যে সময়ের এককগুলিকে আপনি একটি স্ট্রিং-এ ফর্ম্যাট করতে চান এবং প্রায় যেকোনো ভাষায় আপনি ভাবতে পারেন:
const duration = {
years: 1,
hours: 20,
minutes: 15,
seconds: 35
};
// English output: '1 year, 20 hours, 15 minutes, 35 seconds'
new Intl.DurationFormat('en', { style: 'long' }).format(duration);
// German output: '1 Jahr, 20 Stunden, 15 Minuten und 35 Sekunden'
new Intl.DurationFormat('de', { style: 'long' }).format(duration);
// Spanish output: '1 año, 20 horas, 15 minutos y 35 segundos'
new Intl.DurationFormat('es', { style: 'long' }).format(duration);
এর উত্তেজনাপূর্ণ অংশ হল যে যদি আপনার অ্যাপ্লিকেশনটি এই ধরনের স্ট্রিং ফর্ম্যাট করার জন্য একটি লাইব্রেরির উপর নির্ভর করে, তাহলে আপনি শীঘ্রই একটি লাইব্রেরি ছাড়াই এটি করতে সক্ষম হবেন, আপনার ব্যবহারকারীদের জন্য কিলোবাইট বাঁচাতে পারবেন। আরও তথ্যের জন্য, Intl.DurationFormat সম্পর্কে ঘোষণা পোস্টটি পড়ুন এবং শিখুন কিভাবে আপনি এই সুবিধাজনক নতুন বৈশিষ্ট্যটির সুবিধা নিতে পারেন!
W3C ব্রেকআউটস ডে 2025-এ বেসলাইন
সম্প্রতি, W3C তার ব্রেকআউটস ডে-র 2025 সংস্করণের আয়োজন করেছে, যেখানে সদস্যরা বিভিন্ন বিষয়ে উপস্থাপনা করেছেন এবং 26 শে মার্চ বেসলাইনে একটি দরকারী সেশন অফার করা হয়েছে ।
আপনি যদি বেসলাইনে নতুন হন, এই সেশনটি একটি দ্রুত ওভারভিউ দেওয়ার জন্য একটি দুর্দান্ত কাজ করে। এটি বেসলাইনের মৌলিক বিষয়গুলিকে কভার করে যেমন নতুন এবং ব্যাপকভাবে উপলব্ধ ধারণাগুলি, তবে সেই সংজ্ঞাগুলি কীভাবে ডেটা দ্বারা নির্ধারিত হয়, browser-compat-data থেকে শুরু করে, web-features ডেটা পর্যন্ত কাজ করে যা আমাদের বুঝতে সাহায্য করে যে কোন বৈশিষ্ট্যগুলি বেসলাইন থ্রেশহোল্ডে রয়েছে।
আপনি যদি এই অধিবেশন মিস করেন, চিন্তা করবেন না! অধিবেশনের স্লাইডগুলি ইতিমধ্যেই উপলব্ধ , তাই আপনার কৌতূহল যদি আপনার কাছে আরও ভাল হয় তবে সেগুলি দেখুন৷
এটা একটা মোড়ানো!
মাসিক ডাইজেস্টের এই সংস্করণটি শুধু মাসের শেষই নয়, ত্রৈমাসিককেও চিহ্নিত করে। আপনি যদি ডাইজেস্টের পূর্ববর্তী সংস্করণগুলি মিস করে থাকেন তবে এই বছরের প্রথম ত্রৈমাসিকে বেসলাইনের সাথে যা ঘটেছে তার গতি পেতে জানুয়ারী এবং ফেব্রুয়ারি সংস্করণগুলি দেখুন৷ যথারীতি, আমরা বেসলাইন-সম্পর্কিত কিছু মিস করলে আমাদের জানান , এবং আমরা নিশ্চিত করব যে এটি ভবিষ্যতের সংস্করণে ক্যাপচার করা হয়েছে। এক মাসে দেখা হবে!
,
প্রকাশিত: মার্চ 31, 2025
আরও একটি মাস চলে গেছে এবং গত বেসলাইন মাসিক ডাইজেস্টের পর থেকে অনেক কিছু ঘটেছে! এই সংস্করণে, আমরা web.dev-এ এখানে প্রকাশিত কিছু পোস্টের সংক্ষিপ্ত বিবরণ দেব, কিছু বেসলাইন নতুনভাবে উপলব্ধ বৈশিষ্ট্য যা অবতরণ করেছে, এবং সম্প্রদায়ে টুলিংয়ের কিছু আপডেট।
ESLint 0.6.0 প্রকাশিত হয়েছে
সম্প্রতি, আমরা linting CSS-এর জন্য ESLint চালু করার সমর্থন সম্পর্কে পোস্ট করেছি । এই লঞ্চের অংশে একটি নতুন ESLint নিয়ম অন্তর্ভুক্ত ছিল require-baseline — আপনার প্রোজেক্টে আপনি যে CSS বৈশিষ্ট্যগুলি ব্যবহার করেন এবং সেগুলি একটি নির্দিষ্ট বেসলাইন থ্রেশহোল্ডে পৌঁছায় কিনা।
সম্প্রতি, ESLint @eslint/css প্যাকেজের 0.6.0 সংস্করণ চালু করেছে, যার মধ্যে একটি গুরুত্বপূর্ণ নতুন আপডেট রয়েছে যা require-baseline নিয়মকে use-baseline নামকরণ করে। যদিও এই আপডেটটি আপাতদৃষ্টিতে একটি ছোট, এটি নিয়মের পাঠযোগ্যতার উন্নতি করে। এই রিলিজে আরও কিছু গুরুত্বপূর্ণ বৈশিষ্ট্য এবং বাগ সংশোধন করা হয়েছে, যেমন নেস্টেড CSS ব্লকগুলিকে লিন্ট করার জন্য use-baseline নিয়মের যোগ করার ক্ষমতা। আপনি যদি @eslint/css এর পূর্ববর্তী সংস্করণ ব্যবহার করেন তবে এই আপডেটটি দেখুন!
ওয়েব প্ল্যাটফর্ম ড্যাশবোর্ডে কিভাবে প্রশ্ন করতে হয়
এই মাসের শুরুর দিকে, আমরা ওয়েব প্ল্যাটফর্ম ড্যাশবোর্ডের বিষয়ে প্রশ্ন করার বিষয়ে একটি পোস্ট প্রকাশ করেছি। এই ড্যাশবোর্ডটিকে এর ফ্রন্টএন্ডে , সেইসাথে একটি HTTP API এর মাধ্যমে জিজ্ঞাসা করা যেতে পারে। এটি বেসলাইন টুলিংয়ের জন্য সম্ভাব্যভাবে উপযোগী হতে পারে, কারণ আপনি একটি নির্দিষ্ট বেসলাইন থ্রেশহোল্ডে পৌঁছেছে এমন বৈশিষ্ট্যগুলি খুঁজে পেতে API-কে জিজ্ঞাসা করতে পারেন।
এই APIটি টুলিংয়ের জন্য উপযোগী হতে পারে যেখানে আপনাকে নির্দিষ্ট বৈশিষ্ট্য সম্পর্কে দ্রুত তথ্য পেতে হবে। উদাহরণস্বরূপ, আপনি একটি স্ক্রিপ্ট লিখতে এই ধরনের টুলিং ব্যবহার করতে পারেন যা আপনাকে কিছু ব্যবধানে বলে যে বৈশিষ্ট্যগুলি সম্প্রতি বেসলাইন নতুনভাবে উপলব্ধ বা ব্যাপকভাবে উপলব্ধ হয়েছে। যদি এটি আপনার কাছে দরকারী কিছু মনে হয়, পোস্টটি পড়ুন !
বেসলাইন এবং পলিফিলস সম্পর্কে কীভাবে ভাববেন
বেসলাইনের লক্ষ্য হল আপনি নিরাপদে কোন বৈশিষ্ট্যগুলি ব্যবহার করতে পারেন সে সম্পর্কে স্পষ্টতা আনা—কিন্তু সেই অতিরিক্ত স্বচ্ছতার সাথেও, আপনাকে এখনও ভাবতে হবে কীভাবে বৈশিষ্ট্যগুলিকে এমনভাবে গ্রহণ করা যায় যা আপনার ওয়েব অ্যাপ্লিকেশনগুলির জন্য অর্থপূর্ণ হয়৷ পলিফিলস সেই প্রক্রিয়ার একটি বড় অংশ। বৈশিষ্ট্যগুলি নতুন বা ব্যাপকভাবে উপলব্ধ কিনা বেসলাইন পলিফিলগুলি বিবেচনা করে না এবং সেগুলি ব্যবহার করতে হবে কিনা তা আপনাকে বলার চেষ্টা করে না। এই সিদ্ধান্তটি আপনার আবেদনের জন্য নির্দিষ্ট, কিন্তু এটি একটি গুরুত্বপূর্ণ বিবেচনা!
সম্প্রতি, আমরা বেসলাইন এবং পলিফিলগুলি সম্পর্কে কীভাবে চিন্তা করতে হয় সে সম্পর্কে একটি পোস্ট প্রকাশ করেছি এবং আমরা মনে করি এটি কীভাবে সেগুলি ব্যবহার করার বিষয়ে চিন্তা করতে হয় তার জন্য এটি একটি সহায়ক কাঠামো প্রদান করে৷ বেসলাইন নতুন বা ব্যাপকভাবে উপলব্ধ বৈশিষ্ট্যগুলির সাথে আশা করা হচ্ছে যে পলিফিলগুলি একটি প্রয়োজনীয়তা কম হয়ে গেছে। কোন সন্দেহ নেই যে পলিফিলগুলি আপনার ডেভেলপমেন্ট টুলবক্সে দরকারী টুল, কিন্তু তাদের অসুবিধা রয়েছে-এগুলি আপনার ওয়েবসাইটের কর্মক্ষমতার উপর নেতিবাচক প্রভাব ফেলতে পারে এবং কিছু ক্ষেত্রে, অ্যাক্সেসযোগ্যতার উদ্বেগও হতে পারে। আশা করি এই গাইড আপনাকে এই জটিল প্রশ্নটি নেভিগেট করতে সাহায্য করবে!
contenteditable="plaintext-only" এখন বেসলাইন নতুনভাবে উপলব্ধ
একটি HTML উপাদানের contenteditable বৈশিষ্ট্য ব্যবহারকারীকে তার বিষয়বস্তু পরিবর্তন করতে দেয় যেন এটি একটি পাঠ্য ক্ষেত্র। এর মানে, উদাহরণস্বরূপ, আপনি একটি <p> উপাদানে বৈশিষ্ট্যটি স্থাপন করতে পারেন এবং ব্যবহারকারী এটির সাথে একটি <textarea> মত ইন্টারঅ্যাক্ট করতে পারে। কিছু ব্যবহারের ক্ষেত্রে, contenteditable ব্যবহার সাধারণ ফর্ম উপাদানগুলির তুলনায় সুবিধা প্রদান করে।
যাইহোক, ব্যবহারকারীরা সম্পাদনাযোগ্য উপাদানগুলিতে স্টাফ পেস্ট করে, এবং তারা পেস্ট করা জিনিসগুলিতে সমৃদ্ধ পাঠ্য বিন্যাস থাকতে পারে, যা ব্যবহারকারীদের জন্য একটি হতাশাজনক অভিজ্ঞতা প্রদান করতে পারে যারা কেবল একটি ক্ষেত্রের মধ্যে বিন্যাসহীন পাঠ্য পেস্ট করতে চান৷ contenteditable="plaintext-only" অ্যাট্রিবিউট/মান সমন্বয় এটি ঘটতে বাধা দেয়, এবং এটি সম্প্রতি নতুনভাবে উপলব্ধ বেসলাইন হয়ে উঠেছে। আরও জানতে, ঘোষণা পোস্টটি পড়ুন, এবং শিখুন কীভাবে আপনি এমন ব্যবহারকারীদের জন্য আরও ভাল সম্পাদনার অভিজ্ঞতা প্রদান করতে পারেন যারা কেবল সমস্ত ফ্লাফ ছাড়াই জিনিসগুলিতে পাঠ্য পেস্ট করতে চান৷
Intl.DurationFormat এখন বেসলাইন নতুনভাবে উপলব্ধ
আপনি সম্ভবত আপনার জীবনের কোনও সময়ে কোনও ওয়েবসাইটে ছিলেন এবং এমন কিছু পাঠ্য দেখেছেন যা সময়কালের সময়কালের সাথে যোগাযোগ করে যতক্ষণ না কিছু ঘটনার পরে, প্রায়শই "2 দিন, 6 ঘন্টা, 3 মিনিট" এর মতো একটি স্ট্রিংয়ে। এই ডেটা যেকোনও সময়োপযোগী জিনিস যোগাযোগের জন্য দরকারী, তবে এটি প্রায়শই একটি লাইব্রেরি দ্বারা সরবরাহ করা হয়। তার উপরে, আপনি এই তথ্যটি একাধিক ভাষায় আউটপুট করতে চাইতে পারেন।
Intl.DurationFormat লিখুন, একটি আন্তর্জাতিকীকরণ বৈশিষ্ট্য যা সম্প্রতি নতুনভাবে উপলব্ধ বেসলাইন হয়ে উঠেছে। Intl.DurationFormat ক্লাসের সাহায্যে, আপনি একটি অবজেক্টকে এর কনস্ট্রাক্টরের কাছে পাঠাতে পারেন যার মধ্যে সময়ের এককগুলিকে আপনি একটি স্ট্রিং-এ ফর্ম্যাট করতে চান এবং প্রায় যেকোনো ভাষায় আপনি ভাবতে পারেন:
const duration = {
years: 1,
hours: 20,
minutes: 15,
seconds: 35
};
// English output: '1 year, 20 hours, 15 minutes, 35 seconds'
new Intl.DurationFormat('en', { style: 'long' }).format(duration);
// German output: '1 Jahr, 20 Stunden, 15 Minuten und 35 Sekunden'
new Intl.DurationFormat('de', { style: 'long' }).format(duration);
// Spanish output: '1 año, 20 horas, 15 minutos y 35 segundos'
new Intl.DurationFormat('es', { style: 'long' }).format(duration);
এর উত্তেজনাপূর্ণ অংশ হল যে যদি আপনার অ্যাপ্লিকেশনটি এই ধরনের স্ট্রিং ফর্ম্যাট করার জন্য একটি লাইব্রেরির উপর নির্ভর করে, তাহলে আপনি শীঘ্রই একটি লাইব্রেরি ছাড়াই এটি করতে সক্ষম হবেন, আপনার ব্যবহারকারীদের জন্য কিলোবাইট বাঁচাতে পারবেন। আরও তথ্যের জন্য, Intl.DurationFormat সম্পর্কে ঘোষণা পোস্টটি পড়ুন এবং শিখুন কিভাবে আপনি এই সুবিধাজনক নতুন বৈশিষ্ট্যটির সুবিধা নিতে পারেন!
W3C ব্রেকআউটস ডে 2025-এ বেসলাইন
সম্প্রতি, W3C তার ব্রেকআউটস ডে-র 2025 সংস্করণের আয়োজন করেছে, যেখানে সদস্যরা বিভিন্ন বিষয়ে উপস্থাপনা করেছেন এবং 26 শে মার্চ বেসলাইনে একটি দরকারী সেশন অফার করা হয়েছে ।
আপনি যদি বেসলাইনে নতুন হন, এই সেশনটি একটি দ্রুত ওভারভিউ দেওয়ার জন্য একটি দুর্দান্ত কাজ করে। এটি বেসলাইনের মৌলিক বিষয়গুলিকে কভার করে যেমন নতুন এবং ব্যাপকভাবে উপলব্ধ ধারণাগুলি, তবে সেই সংজ্ঞাগুলি কীভাবে ডেটা দ্বারা নির্ধারিত হয়, browser-compat-data থেকে শুরু করে, web-features ডেটা পর্যন্ত কাজ করে যা আমাদের বুঝতে সাহায্য করে যে কোন বৈশিষ্ট্যগুলি বেসলাইন থ্রেশহোল্ডে রয়েছে।
আপনি যদি এই অধিবেশন মিস করেন, চিন্তা করবেন না! অধিবেশনের স্লাইডগুলি ইতিমধ্যেই উপলব্ধ , তাই আপনার কৌতূহল যদি আপনার কাছে আরও ভাল হয় তবে সেগুলি দেখুন৷
এটা একটা মোড়ানো!
মাসিক ডাইজেস্টের এই সংস্করণটি শুধু মাসের শেষই নয়, ত্রৈমাসিককেও চিহ্নিত করে। আপনি যদি ডাইজেস্টের পূর্ববর্তী সংস্করণগুলি মিস করে থাকেন তবে এই বছরের প্রথম ত্রৈমাসিকে বেসলাইনের সাথে যা ঘটেছে তার গতি পেতে জানুয়ারী এবং ফেব্রুয়ারি সংস্করণগুলি দেখুন৷ যথারীতি, আমরা বেসলাইন-সম্পর্কিত কিছু মিস করলে আমাদের জানান , এবং আমরা নিশ্চিত করব যে এটি ভবিষ্যতের সংস্করণে ক্যাপচার করা হয়েছে। এক মাসে দেখা হবে!
,
প্রকাশিত: মার্চ 31, 2025
আরও একটি মাস চলে গেছে এবং গত বেসলাইন মাসিক ডাইজেস্টের পর থেকে অনেক কিছু ঘটেছে! এই সংস্করণে, আমরা web.dev-এ এখানে প্রকাশিত কিছু পোস্টের সংক্ষিপ্ত বিবরণ দেব, কিছু বেসলাইন নতুনভাবে উপলব্ধ বৈশিষ্ট্য যা অবতরণ করেছে, এবং সম্প্রদায়ে টুলিংয়ের কিছু আপডেট।
ESLint 0.6.0 প্রকাশিত হয়েছে
সম্প্রতি, আমরা linting CSS-এর জন্য ESLint চালু করার সমর্থন সম্পর্কে পোস্ট করেছি । এই লঞ্চের অংশে একটি নতুন ESLint নিয়ম অন্তর্ভুক্ত ছিল require-baseline — আপনার প্রোজেক্টে আপনি যে CSS বৈশিষ্ট্যগুলি ব্যবহার করেন এবং সেগুলি একটি নির্দিষ্ট বেসলাইন থ্রেশহোল্ডে পৌঁছায় কিনা।
সম্প্রতি, ESLint @eslint/css প্যাকেজের 0.6.0 সংস্করণ চালু করেছে, যার মধ্যে একটি গুরুত্বপূর্ণ নতুন আপডেট রয়েছে যা require-baseline নিয়মকে use-baseline নামকরণ করে। যদিও এই আপডেটটি আপাতদৃষ্টিতে একটি ছোট, এটি নিয়মের পাঠযোগ্যতার উন্নতি করে। এই রিলিজে আরও কিছু গুরুত্বপূর্ণ বৈশিষ্ট্য এবং বাগ সংশোধন করা হয়েছে, যেমন নেস্টেড CSS ব্লকগুলিকে লিন্ট করার জন্য use-baseline নিয়মের যোগ করার ক্ষমতা। আপনি যদি @eslint/css এর পূর্ববর্তী সংস্করণ ব্যবহার করেন তবে এই আপডেটটি দেখুন!
ওয়েব প্ল্যাটফর্ম ড্যাশবোর্ডে কিভাবে প্রশ্ন করতে হয়
এই মাসের শুরুর দিকে, আমরা ওয়েব প্ল্যাটফর্ম ড্যাশবোর্ডের বিষয়ে প্রশ্ন করার বিষয়ে একটি পোস্ট প্রকাশ করেছি। এই ড্যাশবোর্ডটিকে এর ফ্রন্টএন্ডে , সেইসাথে একটি HTTP API এর মাধ্যমে জিজ্ঞাসা করা যেতে পারে। এটি বেসলাইন টুলিংয়ের জন্য সম্ভাব্যভাবে উপযোগী হতে পারে, কারণ আপনি একটি নির্দিষ্ট বেসলাইন থ্রেশহোল্ডে পৌঁছেছে এমন বৈশিষ্ট্যগুলি খুঁজে পেতে API-কে জিজ্ঞাসা করতে পারেন।
এই APIটি টুলিংয়ের জন্য উপযোগী হতে পারে যেখানে আপনাকে নির্দিষ্ট বৈশিষ্ট্য সম্পর্কে দ্রুত তথ্য পেতে হবে। উদাহরণস্বরূপ, আপনি একটি স্ক্রিপ্ট লিখতে এই ধরনের টুলিং ব্যবহার করতে পারেন যা আপনাকে কিছু ব্যবধানে বলে যে বৈশিষ্ট্যগুলি সম্প্রতি বেসলাইন নতুনভাবে উপলব্ধ বা ব্যাপকভাবে উপলব্ধ হয়েছে। যদি এটি আপনার কাছে দরকারী কিছু মনে হয়, পোস্টটি পড়ুন !
বেসলাইন এবং পলিফিলস সম্পর্কে কীভাবে ভাববেন
বেসলাইনের লক্ষ্য হল আপনি নিরাপদে কোন বৈশিষ্ট্যগুলি ব্যবহার করতে পারেন সে সম্পর্কে স্পষ্টতা আনা—কিন্তু সেই অতিরিক্ত স্বচ্ছতার সাথেও, আপনাকে এখনও ভাবতে হবে কীভাবে বৈশিষ্ট্যগুলিকে এমনভাবে গ্রহণ করা যায় যা আপনার ওয়েব অ্যাপ্লিকেশনগুলির জন্য অর্থপূর্ণ হয়৷ পলিফিলস সেই প্রক্রিয়ার একটি বড় অংশ। বৈশিষ্ট্যগুলি নতুন বা ব্যাপকভাবে উপলব্ধ কিনা বেসলাইন পলিফিলগুলি বিবেচনা করে না এবং সেগুলি ব্যবহার করতে হবে কিনা তা আপনাকে বলার চেষ্টা করে না। এই সিদ্ধান্তটি আপনার আবেদনের জন্য নির্দিষ্ট, কিন্তু এটি একটি গুরুত্বপূর্ণ বিবেচনা!
সম্প্রতি, আমরা বেসলাইন এবং পলিফিলগুলি সম্পর্কে কীভাবে চিন্তা করতে হয় সে সম্পর্কে একটি পোস্ট প্রকাশ করেছি এবং আমরা মনে করি এটি কীভাবে সেগুলি ব্যবহার করার বিষয়ে চিন্তা করতে হয় তার জন্য এটি একটি সহায়ক কাঠামো প্রদান করে৷ বেসলাইন নতুন বা ব্যাপকভাবে উপলব্ধ বৈশিষ্ট্যগুলির সাথে আশা করা হচ্ছে যে পলিফিলগুলি একটি প্রয়োজনীয়তা কম হয়ে গেছে। কোন সন্দেহ নেই যে পলিফিলগুলি আপনার ডেভেলপমেন্ট টুলবক্সে দরকারী টুল, কিন্তু তাদের অসুবিধা রয়েছে-এগুলি আপনার ওয়েবসাইটের কর্মক্ষমতার উপর নেতিবাচক প্রভাব ফেলতে পারে এবং কিছু ক্ষেত্রে, অ্যাক্সেসযোগ্যতার উদ্বেগও হতে পারে। আশা করি এই গাইড আপনাকে এই জটিল প্রশ্নটি নেভিগেট করতে সাহায্য করবে!
contenteditable="plaintext-only" এখন বেসলাইন নতুনভাবে উপলব্ধ
একটি HTML উপাদানের contenteditable বৈশিষ্ট্য ব্যবহারকারীকে তার বিষয়বস্তু পরিবর্তন করতে দেয় যেন এটি একটি পাঠ্য ক্ষেত্র। এর মানে, উদাহরণস্বরূপ, আপনি একটি <p> উপাদানে বৈশিষ্ট্যটি স্থাপন করতে পারেন এবং ব্যবহারকারী এটির সাথে একটি <textarea> মত ইন্টারঅ্যাক্ট করতে পারে। কিছু ব্যবহারের ক্ষেত্রে, contenteditable ব্যবহার সাধারণ ফর্ম উপাদানগুলির তুলনায় সুবিধা প্রদান করে।
যাইহোক, ব্যবহারকারীরা সম্পাদনাযোগ্য উপাদানগুলিতে স্টাফ পেস্ট করে, এবং তারা পেস্ট করা জিনিসগুলিতে সমৃদ্ধ পাঠ্য বিন্যাস থাকতে পারে, যা ব্যবহারকারীদের জন্য একটি হতাশাজনক অভিজ্ঞতা প্রদান করতে পারে যারা কেবল একটি ক্ষেত্রের মধ্যে বিন্যাসহীন পাঠ্য পেস্ট করতে চান৷ contenteditable="plaintext-only" অ্যাট্রিবিউট/মান সমন্বয় এটি ঘটতে বাধা দেয়, এবং এটি সম্প্রতি নতুনভাবে উপলব্ধ বেসলাইন হয়ে উঠেছে। আরও জানতে, ঘোষণা পোস্টটি পড়ুন, এবং শিখুন কীভাবে আপনি এমন ব্যবহারকারীদের জন্য আরও ভাল সম্পাদনার অভিজ্ঞতা প্রদান করতে পারেন যারা কেবল সমস্ত ফ্লাফ ছাড়াই জিনিসগুলিতে পাঠ্য পেস্ট করতে চান৷
Intl.DurationFormat এখন বেসলাইন নতুনভাবে উপলব্ধ
আপনি সম্ভবত আপনার জীবনের কোনও সময়ে কোনও ওয়েবসাইটে ছিলেন এবং এমন কিছু পাঠ্য দেখেছেন যা সময়কালের সময়কালের সাথে যোগাযোগ করে যতক্ষণ না কিছু ঘটনার পরে, প্রায়শই "2 দিন, 6 ঘন্টা, 3 মিনিট" এর মতো একটি স্ট্রিংয়ে। এই ডেটা যেকোনও সময়োপযোগী জিনিস যোগাযোগের জন্য দরকারী, তবে এটি প্রায়শই একটি লাইব্রেরি দ্বারা সরবরাহ করা হয়। তার উপরে, আপনি এই তথ্যটি একাধিক ভাষায় আউটপুট করতে চাইতে পারেন।
Intl.DurationFormat লিখুন, একটি আন্তর্জাতিকীকরণ বৈশিষ্ট্য যা সম্প্রতি নতুনভাবে উপলব্ধ বেসলাইন হয়ে উঠেছে। Intl.DurationFormat ক্লাসের সাহায্যে, আপনি একটি অবজেক্টকে এর কনস্ট্রাক্টরের কাছে পাঠাতে পারেন যার মধ্যে সময়ের এককগুলিকে আপনি একটি স্ট্রিং-এ ফর্ম্যাট করতে চান এবং প্রায় যেকোনো ভাষায় আপনি ভাবতে পারেন:
const duration = {
years: 1,
hours: 20,
minutes: 15,
seconds: 35
};
// English output: '1 year, 20 hours, 15 minutes, 35 seconds'
new Intl.DurationFormat('en', { style: 'long' }).format(duration);
// German output: '1 Jahr, 20 Stunden, 15 Minuten und 35 Sekunden'
new Intl.DurationFormat('de', { style: 'long' }).format(duration);
// Spanish output: '1 año, 20 horas, 15 minutos y 35 segundos'
new Intl.DurationFormat('es', { style: 'long' }).format(duration);
এর উত্তেজনাপূর্ণ অংশ হল যে যদি আপনার অ্যাপ্লিকেশনটি এই ধরনের স্ট্রিং ফর্ম্যাট করার জন্য একটি লাইব্রেরির উপর নির্ভর করে, তাহলে আপনি শীঘ্রই একটি লাইব্রেরি ছাড়াই এটি করতে সক্ষম হবেন, আপনার ব্যবহারকারীদের জন্য কিলোবাইট বাঁচাতে পারবেন। আরও তথ্যের জন্য, Intl.DurationFormat সম্পর্কে ঘোষণা পোস্টটি পড়ুন এবং শিখুন কিভাবে আপনি এই সুবিধাজনক নতুন বৈশিষ্ট্যটির সুবিধা নিতে পারেন!
W3C ব্রেকআউটস ডে 2025-এ বেসলাইন
সম্প্রতি, W3C তার ব্রেকআউটস ডে-র 2025 সংস্করণের আয়োজন করেছে, যেখানে সদস্যরা বিভিন্ন বিষয়ে উপস্থাপনা করেছেন এবং 26 শে মার্চ বেসলাইনে একটি দরকারী সেশন অফার করা হয়েছে ।
আপনি যদি বেসলাইনে নতুন হন, এই সেশনটি একটি দ্রুত ওভারভিউ দেওয়ার জন্য একটি দুর্দান্ত কাজ করে। এটি বেসলাইনের মৌলিক বিষয়গুলিকে কভার করে যেমন নতুন এবং ব্যাপকভাবে উপলব্ধ ধারণাগুলি, তবে সেই সংজ্ঞাগুলি কীভাবে ডেটা দ্বারা নির্ধারিত হয়, browser-compat-data থেকে শুরু করে, web-features ডেটা পর্যন্ত কাজ করে যা আমাদের বুঝতে সাহায্য করে যে কোন বৈশিষ্ট্যগুলি বেসলাইন থ্রেশহোল্ডে রয়েছে।
আপনি যদি এই অধিবেশন মিস করেন, চিন্তা করবেন না! অধিবেশনের স্লাইডগুলি ইতিমধ্যেই উপলব্ধ , তাই আপনার কৌতূহল যদি আপনার কাছে আরও ভাল হয় তবে সেগুলি দেখুন৷
এটা একটা মোড়ানো!
মাসিক ডাইজেস্টের এই সংস্করণটি শুধু মাসের শেষই নয়, ত্রৈমাসিককেও চিহ্নিত করে। আপনি যদি ডাইজেস্টের পূর্ববর্তী সংস্করণগুলি মিস করে থাকেন তবে এই বছরের প্রথম ত্রৈমাসিকে বেসলাইনের সাথে যা ঘটেছে তার গতি পেতে জানুয়ারী এবং ফেব্রুয়ারি সংস্করণগুলি দেখুন৷ যথারীতি, আমরা বেসলাইন-সম্পর্কিত কিছু মিস করলে আমাদের জানান , এবং আমরা নিশ্চিত করব যে এটি ভবিষ্যতের সংস্করণে ক্যাপচার করা হয়েছে। এক মাসে দেখা হবে!