पब्लिश होने की तारीख: 23 अक्टूबर, 2024
इस पोस्ट में, अपनी साइट पर नए <baseline-status> वेब कॉम्पोनेंट का इस्तेमाल करने का तरीका जानें. साथ ही, वेब प्लैटफ़ॉर्म की सुविधाओं के बारे में लिखते या बात करते समय, प्रज़ेंटेशन में बेसलाइन लोगो का इस्तेमाल करने का तरीका जानें.
ज़्यादातर डेवलपर को वेब डेवलपमेंट से जुड़ी किसी समस्या का समाधान ढूंढने का अनुभव होता है. उन्हें एक ऐसा लेख मिलता है जिसमें समस्या का सही समाधान बताया गया होता है. हालांकि, लेख के आखिर में उन्हें पता चलता है कि यह समाधान सिर्फ़ एक ब्राउज़र में उपलब्ध है. या, किसी कॉन्फ़्रेंस में प्रज़ेंटेशन देने वाले व्यक्ति से किसी सुविधा के बारे में सुनकर उत्साहित होना और बाद में पता चलना कि यह सुविधा एक्सपेरिमेंट के तौर पर उपलब्ध है. हम Chrome डेवलपर साइटों पर इस जानकारी को बेहतर बनाना चाहते थे. इसलिए, पिछले दो सालों से हम MDN से कंपैटिबिलिटी डेटा को अपनी पोस्ट में जोड़ रहे हैं.
हालांकि, बेसलाइन से चीज़ें और भी ज़्यादा साफ़ हो जाती हैं. अलग-अलग ब्राउज़र वर्शन की जांच करने के बजाय, यह देखा जा सकता है कि कोई सुविधा, बेसलाइन के तौर पर ज़्यादातर ब्राउज़र पर उपलब्ध है या नहीं. इससे यह पता चलता है कि सुविधा का इस्तेमाल बिना किसी चिंता के किया जा सकता है. इसके अलावा, यह भी पता चलता है कि यह सुविधा, Baseline Newly available के तौर पर उपलब्ध है. इसलिए, यह इंटरऑपरेबल है. हालांकि, नई सुविधा के तौर पर, शायद आपको इसके लिए फ़ॉलबैक रणनीतियों पर विचार करना पड़े. हमने web.dev पर, अपने कुछ पेजों में नया बेसलाइन स्टेटस कॉम्पोनेंट जोड़ना शुरू कर दिया है. इसे CSS फ़ॉन्ट-साइज़-एडजस्ट के बारे में ब्लॉग पोस्ट में देखा जा सकता है.
अपनी साइट पर कॉम्पोनेंट जोड़ना
वेब कॉम्पोनेंट का इस्तेमाल सिर्फ़ हम नहीं करते. हमें आपके साथ <baseline-status> कॉम्पोनेंट शेयर करते हुए खुशी हो रही है. इसका इस्तेमाल, बनाए गए कॉन्टेंट पर बेसलाइन स्टेटस दिखाने के लिए किया जा सकता है. इस कॉम्पोनेंट को npm से इंस्टॉल किया जा सकता है. इसके अलावा, इसे सीडीएन से पहले से कंपाइल किया जा सकता है. इंस्टॉल करने के निर्देश पढ़ें.
इंस्टॉल करने के बाद, किसी सुविधा का स्टेटस दिखाएं. यह स्टेटस, font-size-adjust के लिए यहां दिए गए एचटीएमएल में दिखाए गए स्टेटस की तरह होना चाहिए.
<baseline-status featureId="font-size-ad><just"/basel>ine-status
इसके बाद, कॉम्पोनेंट अपने-आप अपडेट हो जाएगा. ऐसा तब होगा, जब कोई सुविधा सीमित तौर पर उपलब्ध होने से लेकर, नई सुविधा के तौर पर उपलब्ध होने और फिर बड़े पैमाने पर उपलब्ध होने की स्थिति में पहुंच जाएगी.
featureId ढूंढना
कंपोनेंट में पास किया गया featureId, वेब-फ़ీचर रिपॉज़िटरी में मौजूद सुविधा का नाम है.
इस कॉम्पोनेंट को सुविधा की स्थिति के बारे में जानकारी, वेब सुविधाओं वाले प्रोजेक्ट से इकट्ठा किए गए डेटा से मिलती है.
बेसलाइन लोगो जोड़ना
अगर आपको कोई कॉन्टेंट प्रिंट, PDF या कॉन्फ़्रेंस में प्रज़ेंट करना है, तो उस समय स्टेटस दिखाने के लिए लोगो मददगार हो सकते हैं. वेब प्लैटफ़ॉर्म की स्थिति डैशबोर्ड की मदद से, किसी भी सुविधा की बेसलाइन स्थिति देखी जा सकती है.
बेसलिन लोगो का इस्तेमाल, अपने सभी कॉन्टेंट में किया जा सकता है. इसके लिए, आपको लाइसेंस दिया गया है. इन्हें PNG और SVG फ़ॉर्मैट में डाउनलोड करें.
हमें बताएं कि Baseline का इस्तेमाल कहां किया जाता है
हमें यह देखने में खुशी होगी कि Baseline का इस्तेमाल कहां किया जा रहा है. एक पीआर बनाएं और उस जगह का लिंक जोड़ें जहां आपने इसका इस्तेमाल Baseline in the wild के लिए किया है.
क्या आपके पास इंटिग्रेशन के लिए कोई और आइडिया है?
क्या आपके पास बेसलाइन को किसी और तरीके से इंटिग्रेट करने का कोई आइडिया है? ऐसा हो सकता है कि आपके पास कोई डेवलपर टूल हो, जिसमें यह जानकारी शामिल हो. इसके अलावा, ऐसा भी हो सकता है कि आपके पास कोई ऐसा प्रॉडक्ट हो जिसे एडमिन पैनल में इस्तेमाल किए गए बेसलाइन वर्शन को शेयर करने की सुविधा से फ़ायदा मिले. अपने आइडिया से जुड़ी समस्या के बारे में बताएं. हमें आपकी मदद करने में खुशी होगी.