अपनी ब्लॉग पोस्ट और प्रज़ेंटेशन पर बेसलाइन स्टेटस दिखाना

पब्लिश करने की तारीख: 23 अक्टूबर, 2024

इस पोस्ट में जानें कि वेब प्लैटफ़ॉर्म की सुविधाओं के बारे में लिखते या बात करते समय, अपनी साइट पर नए <baseline-status> वेब कॉम्पोनेंट का इस्तेमाल कैसे किया जा सकता है. साथ ही, प्रज़ेंटेशन में बेसलाइन लोगो इस्तेमाल करने का तरीका भी जानें.

ज़्यादातर डेवलपर को वेब डेवलपमेंट से जुड़ी समस्या का समाधान खोजते समय, ऐसा लेख मिलता है जिसमें समस्या का सटीक समाधान बताया गया हो. हालांकि, आखिर में उन्हें पता चलता है कि यह समाधान सिर्फ़ एक ब्राउज़र में उपलब्ध है. इसके अलावा, अगर कॉन्फ़्रेंस प्रज़ेंटर इस सुविधा के बारे में बता रहा है, तो उसे इस सुविधा से रोमांचित कर सकते हैं. ऐसा करके, यह पता लगाया जा सकता है कि यह एक्सपेरिमेंट के तौर पर उपलब्ध है या नहीं. हम Chrome डेवलपर साइटों पर इस सुविधा को बेहतर बनाना चाहते थे. इसलिए, पिछले दो सालों से हम अपनी पोस्ट में MDN से, काम करने के तरीके से जुड़ा डेटा जोड़ रहे हैं.

हालांकि, बेसलाइन से चीज़ें और भी साफ़ तौर पर दिखती हैं. ब्राउज़र के अलग-अलग वर्शन देखने के बजाय, यह पता लगाया जा सकता है कि कोई सुविधा बेसलाइन के लिए उपलब्ध है या नहीं. साथ ही, इसे बिना किसी चिंता के इस्तेमाल किया जा सकता है या नहीं. इसके अलावा, यह भी पता चल सकता है कि यह बेसलाइन के तौर पर हाल ही में उपलब्ध है और इसलिए, यह इंटरऑपरेबल है. हालांकि, नई सुविधा के तौर पर, शायद आपको इसके लिए फ़ॉलबैक की रणनीतियों पर विचार करना पड़े. हमने web.dev पर, अपने कुछ पेजों में नया बेसलाइन स्टेटस कॉम्पोनेंट जोड़ना शुरू किया है. इसे CSS font-size-adjust के बारे में बताने वाली ब्लॉग पोस्ट में देखा जा सकता है.

यह कॉम्पोनेंट दिखा रहा है कि font-size-adjust, बेसलाइन के तौर पर हाल ही में उपलब्ध हुआ है.
font-size-adjust पोस्ट पर मौजूद कॉम्पोनेंट.

अपनी साइट में कॉम्पोनेंट जोड़ें

वेब कॉम्पोनेंट का इस्तेमाल सिर्फ़ हम नहीं कर सकते. हमें आपके साथ <baseline-status> कॉम्पोनेंट शेयर करते हुए खुशी हो रही है. इसे अपने बनाए गए कॉन्टेंट पर, आधारभूत स्थिति दिखाने के लिए इस्तेमाल किया जा सकता है. कॉम्पोनेंट को एनपीएम से इंस्टॉल किया जा सकता है या सीडीएन से पहले से कंपाइल किया जा सकता है—इंस्टॉल करने के निर्देश पढ़ें. इंस्टॉल होने के बाद, font-size-adjust के लिए नीचे दिए गए एचटीएमएल में दिखाए गए तरीके से, किसी सुविधा की स्थिति दिखाएं.

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

इसके बाद, यह कॉम्पोनेंट अपने-आप अपडेट हो जाएगा. ऐसा तब होगा, जब कोई सुविधा सीमित उपलब्ध है से लेकर 'नए से उपलब्ध' के तौर पर मिलेगी.

featureId ढूंढें

कॉम्पोनेंट में पास किया गया featureId, वेब-सुविधाओं के रिपॉज़िटरी में मौजूद सुविधा का नाम है. कॉम्पोनेंट को सुविधा की स्थिति, वेब सुविधाओं के प्रोजेक्ट के ज़रिए इकट्ठा किए गए डेटा से मिलती है.

बेसलाइन लोगो जोड़ना

अगर आपको प्रिंट, PDF या किसी कॉन्फ़्रेंस में कुछ पब्लिश करना है, तो उस समय स्टेटस दिखाने के लिए लोगो मददगार हो सकते हैं. वेब प्लैटफ़ॉर्म की स्थिति डैशबोर्ड की मदद से, किसी भी सुविधा के बेसलाइन स्टेटस की जांच की जा सकती है.

सफ़ेद और काले बैकग्राउंड पर, Baseline शब्द के साथ दो हरे रंग के लोगो.
हल्के और गहरे रंग वाले मोड में Baseline वर्डमार्क.

Baseline के लोगो का लाइसेंस, आपको अपने सभी कॉन्टेंट में इस्तेमाल करने के लिए दिया गया है. उन्हें PNG और SVG फ़ॉर्मैट में डाउनलोड करें.

हमें बताएं कि Baseline का इस्तेमाल कहां किया जाता है

हमें यह जानकर खुशी होगी कि बेसलाइन का इस्तेमाल कहां किया जा रहा है. एक पीआर बनाएं और उस लिंक को जोड़ें जहां आपने इसका इस्तेमाल वास्तविक दुनिया में बेसलाइन के लिए किया है.

क्या आपके पास इंटिग्रेशन के लिए कोई और आइडिया है?

क्या आपके पास बेसलाइन को किसी अन्य तरीके से इंटिग्रेट करने का कोई आइडिया है? हो सकता है कि आपके पास कोई डेवलपर टूल हो जिसमें यह जानकारी शामिल की जा सकती हो या कोई ऐसा प्रॉडक्ट शामिल किया जा सकता हो जिसे एडमिन पैनल की ओर से इस्तेमाल किए जाने वाले बेसलाइन वर्शन को शेयर करने से फ़ायदा हो. अपने आइडिया के बारे में कोई समस्या बताएं. हमें आपकी मदद करके खुशी होगी.