ভিজ্যুয়াল স্টুডিও কোড এখন বেসলাইন সমর্থন করে,ভিজ্যুয়াল স্টুডিও কোড এখন বেসলাইন সমর্থন করে,ভিজ্যুয়াল স্টুডিও কোড এখন বেসলাইন সমর্থন করে,ভিজ্যুয়াল স্টুডিও কোড এখন বেসলাইন সমর্থন করে

Rick Viscomi

প্রকাশিত: 20 মে, 2025

আধুনিক কোড এডিটররা দক্ষতার সাথে জিনিসগুলি তৈরি করতে আপনার প্রয়োজনীয় টুল এবং রেফারেন্স ডক্সগুলিকে একত্রিত করে এত বেশি উত্পাদনশীলতা আনলক করে — এটি আইডিই-তে আই। ভিজ্যুয়াল স্টুডিও কোড (ভিএস কোড) এর মতো অনেক IDE-তে একটি উত্পাদনশীলতা বর্ধিতকরণ ওয়েব বৈশিষ্ট্যগুলি সম্পর্কে অতিরিক্ত তথ্য দেখাচ্ছে যখন আপনি সেগুলিকে সম্পাদকে ঘোরান৷ এই তথ্যটিতে সহায়কভাবে বৈশিষ্ট্যের একটি বিবরণ, সমর্থিত ব্রাউজার, একটি সিনট্যাক্স নির্দেশিকা এবং MDN সম্পর্কে আরও জানতে একটি লিঙ্ক অন্তর্ভুক্ত রয়েছে।

ব্রাউজার সামঞ্জস্যের তথ্য একটি IDE এর প্রসঙ্গে বিশেষভাবে কার্যকর, কারণ আপনি একটি বৈশিষ্ট্য কতটা ইন্টারঅপারেবল তা সম্পর্কে তাত্ক্ষণিক প্রতিক্রিয়া পেতে পারেন, শুধুমাত্র এটির উপর ঘোরার মাধ্যমে। আপনি এই তথ্যটি ব্যবহার করে সিদ্ধান্ত নিতে পারেন যে কোনও বৈশিষ্ট্য আপনার ব্রাউজার সমর্থন লক্ষ্যগুলি পূরণ করে কিনা, আপনাকে এটিকে ক্রমান্বয়ে উন্নত বা পলিফিল করার জন্য প্রতিরক্ষামূলক পদক্ষেপ নিতে হবে, বা এটি সম্পূর্ণরূপে ব্যবহার করা থেকে বিরত থাকতে হবে।

VS কোডের পূর্ববর্তী সংস্করণগুলি ব্রাউজার সংস্করণ নম্বরগুলির পরিপ্রেক্ষিতে এই তথ্যগুলিকে প্রকাশ করেছিল, যা আপনি MDN, Can I Use , বা এখানে web.dev-এর মতো সাইটগুলিতে সামঞ্জস্যপূর্ণ টেবিলগুলিতে দেখেছেন। কিন্তু এই সমস্ত সাইটের মধ্যে যা মিল রয়েছে তা হল তারা বেসলাইন ব্যবহার করে ব্রাউজার সমর্থনের জটিল ল্যান্ডস্কেপের সংক্ষিপ্তসারও শুরু করেছে। সুতরাং, এই অন্যান্য সংস্থানগুলি যেভাবে ব্রাউজার সামঞ্জস্যপূর্ণ তথ্য প্রকাশ করে তার সাথে VS কোড সারিবদ্ধ করার প্রচেষ্টায়, VS কোড এখন বেসলাইনকেও সমর্থন করে ৷

নতুন বেসলাইন UI পেতে, VS কোড সংস্করণ 1.100 বা নতুন সংস্করণে আপগ্রেড করুন৷ সবকিছু বাক্সের বাইরে কাজ করে—কোন এক্সটেনশন বা অতিরিক্ত কনফিগারেশনের প্রয়োজন নেই।

আপনি যখন VS কোডের সর্বশেষ সংস্করণে একটি ওয়েব বৈশিষ্ট্যের উপর ঘুরবেন, তখন আপনি এর বেসলাইন স্থিতি দেখতে পাবেন। এবং বৈশিষ্ট্যটি কতক্ষণ ধরে সমর্থিত হয়েছে তা আপনাকে বোঝাতে, VS কোড আপনাকে এটি বেসলাইন হওয়ার বছরও বলবে। অথবা, যে বৈশিষ্ট্যগুলি এখনও বেসলাইন নয়, এটি আপনাকে বলবে যে কোন ব্রাউজারগুলিতে বৈশিষ্ট্যটি এখনও সম্পূর্ণরূপে প্রয়োগ করা হয়নি৷

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

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

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

dialog এলিমেন্টের মতো অন্যান্য এইচটিএমএল বৈশিষ্ট্যগুলি autocorrect মতো সুন্দরভাবে হ্রাস পায় না। তাই এটি dialog হোভারকার্ড চালু করতে সক্ষম হওয়া এবং দেখতে পাচ্ছি যে এটি আসলে 2022 সাল থেকে বেসলাইন হয়েছে এবং এটি প্রধান ব্রাউজারগুলিতে ব্যাপকভাবে উপলব্ধ বলে মনে করা হয়৷ এইরকম কিছু আপনাকে এমন বৈশিষ্ট্যগুলি গ্রহণ করার আত্মবিশ্বাস দিতে হবে যা আপনি অন্যথায় খুব অত্যাধুনিক বলে মনে করতে পারেন।

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

ভিএস কোডে এই তথ্যটি প্রস্তুত থাকা একটি দুর্দান্ত উত্পাদনশীলতা বৃদ্ধি করে৷ কিন্তু যদি আপনাকে একটি বৈশিষ্ট্যের উপর ঘোরাঘুরি করার প্রয়োজন না হয় তা দেখতে এটি বেসলাইন কিনা? এটি একটি পৃথক কিন্তু সম্পর্কিত টুল দ্বারা সম্ভব হয়েছে: লিন্টার।

উদাহরণস্বরূপ, VS কোডের জন্য ESLint এক্সটেনশন আপনার HTML এবং CSS ফাইলগুলিকে লিন্ট করতে পারে এবং এখনও বেসলাইন নয় এমন কোনও বৈশিষ্ট্যে স্কুইগ্লি আন্ডারলাইন যোগ করতে পারে। এটি CSS প্লাগইনগুলির জন্য HTML ESLint এবং ESLint থেকে সম্প্রতি যোগ করা use-baseline নিয়ম দ্বারা চালিত। স্টাইলিন্টের জন্যও একই নিয়ম রয়েছে, যদি এটি আপনার জিনিস হয়। অবশ্যই, এটি লিন্টারগুলির অনেকগুলি সুবিধার মধ্যে একটি মাত্র, তবে এটি দেখায় যে তারা নতুন বেসলাইন-সক্ষম হোভারকার্ডগুলির পরিপূরক কতটা ভাল।

আপনি যদি একজন VS কোড ব্যবহারকারী হন, আমি আশা করি আপনি নতুন হোভারকার্ড একবার চেষ্টা করে দেখুন। এবং আপনি যদি ভিএস কোড ব্যবহারকারী না হন তবে আমার কাছে কিছু ভাল খবর আছে। অনেক আইডিই হয় কোড - ওএসএস (ভিএস কোডের ওপেন সোর্স সংস্করণ) থেকে বা একই ভাষা সার্ভারের উপর নির্ভর করে যা এর এইচটিএমএল এবং সিএসএস হোভারকার্ডগুলিকে শক্তি দেয়। এই ডাউনস্ট্রিম IDE গুলি সাম্প্রতিক সংস্করণে আপগ্রেড হতে সপ্তাহ বা মাস সময় নিতে পারে, কিন্তু যখন তারা তা করে, তখন তাদের স্বয়ংক্রিয়ভাবে নতুন বেসলাইন UI উত্তরাধিকারসূত্রে পাওয়া উচিত:

• VSCodium
• ফায়ারবেস স্টুডিও
• কার্সার
• উইন্ডসার্ফ
• জেড
• Eclipse Theia
• ট্রে
• GitHub কোডস্পেস
• গিটল্যাব ওয়ার্কস্পেস
• রিপ্লিট
• স্ট্যাকব্লিটজ (বোল্ট)

JetBrains ওয়েবস্টর্ম থেকে শুরু করে তাদের সমস্ত IntelliJ-ভিত্তিক IDE-এর সাথে বেসলাইন সংহত করার জন্যও কাজ করছে। একটি পৃথক ব্লগ পোস্টে সে সম্পর্কে আমাদের আরও কিছু বলার আছে - সাথে থাকুন।

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