আপনার ব্লগ পোস্ট এবং উপস্থাপনা বেসলাইন অবস্থা দেখান

প্রকাশিত: 23 অক্টোবর, 2024

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

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

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

যে উপাদানটি ফন্ট-সাইজ-অ্যাডজাস্ট দেখাচ্ছে তা হল বেসলাইন নতুনভাবে উপলব্ধ।
ফন্ট-সাইজ-অ্যাডজাস্ট পোস্টের উপাদান।

আপনার সাইটে উপাদান যোগ করুন

ওয়েব কম্পোনেন্ট শুধু আমাদের ব্যবহারের জন্য নয়। আমরা আপনার সাথে <baseline-status> কম্পোনেন্ট শেয়ার করতে পেরে উত্তেজিত। এটি আপনার তৈরি করা সামগ্রীতে বেসলাইন স্থিতি দেখানোর জন্য ব্যবহার করার জন্য প্রস্তুত৷ উপাদানটি npm থেকে ইনস্টল করা যেতে পারে, অথবা একটি CDN থেকে প্রি-কম্পাইল করা যেতে পারে- ইনস্টলেশন নির্দেশাবলী পড়ুন । একবার ইনস্টল হয়ে গেলে, font-size-adjust জন্য নিম্নলিখিত HTML-এ দেখানো হিসাবে একটি বৈশিষ্ট্যের অবস্থা দেখান।

<baseline-status featureId="font-size-adjust"></baseline-status>

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

featureId খুঁজুন

কম্পোনেন্টে পাস করা featureId হল ওয়েব-ফিচার রিপোজিটরির ফিচারের নাম। কম্পোনেন্টটি ওয়েব ফিচার প্রজেক্টের মাধ্যমে সংগৃহীত ডেটা থেকে ফিচারের স্ট্যাটাস পায়।

বেসলাইন লোগো যোগ করুন

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

সাদা এবং কালো পটভূমিতে দেখানো বেসলাইন শব্দ সহ দুটি সবুজ লোগো।
হালকা এবং অন্ধকার মোডে বেসলাইন শব্দচিহ্ন।

বেসলাইন লোগোগুলি আপনার সমস্ত সামগ্রীতে ব্যবহারের জন্য লাইসেন্সপ্রাপ্ত, সেগুলিকে PNG এবং SVG ফর্ম্যাটে ডাউনলোড করুন

আপনি কোথায় বেসলাইন ব্যবহার করেন তা আমাদের জানান

বেসলাইন কোথায় ব্যবহার করা হচ্ছে তা আমরা দেখতে চাই। একটি PR তৈরি করুন এবং আপনি যেখানে এটি ব্যবহার করেছেন সেখানে একটি লিঙ্ক যোগ করুন

আপনার কি অন্য ইন্টিগ্রেশন ধারনা আছে?

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