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

প্রকাশিত: ২৩ অক্টোবর, ২০২৪

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

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

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

যে উপাদানটি দেখায় যে ফন্ট-সাইজ-অ্যাডজাস্ট হল বেসলাইন নিউলি উপলব্ধ।
font-size-adjust পোস্টের উপাদান।

আপনার সাইটে কম্পোনেন্টটি যোগ করুন

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

<baseline-status featureId="font-size-ad><just"/basel>ine-status

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

featureId খুঁজুন

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

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

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

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

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

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

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

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

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