पब्लिश होने की तारीख: 2 मार्च, 2026
जनवरी 2026 के Baseline डाइजेस्ट में आपका स्वागत है. हर महीने, हम वेब प्लैटफ़ॉर्म की उन सुविधाओं को हाइलाइट करते हैं जिन्होंने Baseline में नए माइलस्टोन हासिल किए हैं. इससे आपको यह समझने में मदद मिलती है कि आज आपके प्रोजेक्ट में कौनसे टूल इस्तेमाल किए जा सकते हैं.
जनवरी में, कई अहम एपीआई और सीएसएस यूनिट, 'नई सुविधाएं' कैटगरी में शामिल की गईं. साथ ही, लेआउट में हुए एक बड़े सुधार को ज़्यादातर लोगों के लिए उपलब्ध कराया गया.
नई सुविधाएं
जनवरी 2026 में, वेब की ये सुविधाएं Baseline Newly available बन गईं.
ऐक्टिव व्यू ट्रांज़िशन
:active-view-transition सीएसएस सूडो-क्लास अब Baseline Newly available है. इस सिलेक्टर की मदद से, डेवलपर किसी दस्तावेज़ के रूट एलिमेंट को टारगेट कर सकते हैं और उसे स्टाइल कर सकते हैं. ऐसा तब किया जा सकता है, जब व्यू ट्रांज़िशन चल रहा हो. यह खास तौर पर, ग्लोबल स्टाइल या ऐसे बदलाव लागू करने के लिए काम आता है जो सिर्फ़ ट्रांज़िशन की अवधि के दौरान होने चाहिए. जैसे, ट्रांज़िशन ओवरले का बैकग्राउंड रंग बदलना या विज़ुअल फ़्लो को बेहतर बनाने के लिए, कुछ लेयर के z-इंडेक्स को अडजस्ट करना.
सर्विस वर्कर में JavaScript मॉड्यूल
सर्विस वर्कर अब JavaScript मॉड्यूल के साथ काम करते हैं. यह सुविधा, सभी मुख्य ब्राउज़र इंजन पर उपलब्ध है. navigator.serviceWorker.register() को कॉल करते समय type: 'module' विकल्प सेट करके, अपनी सेवा वर्कर स्क्रिप्ट में स्टैंडर्ड import और export स्टेटमेंट का इस्तेमाल किया जा सकता है. इससे सर्विस वर्कर, JavaScript डेवलपमेंट के आधुनिक तरीकों के मुताबिक काम करते हैं. इससे कोड को बेहतर तरीके से व्यवस्थित किया जा सकता है, डिपेंडेंसी को आसानी से मैनेज किया जा सकता है, और मुख्य थ्रेड और बैकग्राउंड वर्कर के बीच कोड शेयर किया जा सकता है.
Navigation API
Navigation API, लेगसी History API का आधुनिक विकल्प है. इसे खास तौर पर, एक पेज वाले ऐप्लिकेशन (एसपीए) की ज़रूरतों को पूरा करने के लिए डिज़ाइन किया गया है. यह सभी तरह की नेविगेशन कार्रवाइयों को शुरू करने, रोकने, और मैनेज करने का एक केंद्रीकृत तरीका है. इसमें ब्राउज़र के 'वापस जाएं' और 'आगे बढ़ें' बटन से ट्रिगर होने वाली कार्रवाइयां भी शामिल हैं. Maps जैसे इवेंट की मदद से, डेवलपर कम बॉयलरप्लेट कोड के साथ बेहतर क्लाइंट-साइड राउटिंग लागू कर सकते हैं. वेब के लिए ऐप्लिकेशन बनाने के तरीके में हुए इस बदलाव के बारे में ज़्यादा जानने के लिए, हमारी यह ब्लॉग पोस्ट पढ़ें: मॉडर्न क्लाइंट-साइड राउटिंग: Navigation API.
rcap सीएसएस यूनिट
rcap यूनिट, रूट फ़ॉन्ट के हिसाब से लंबाई की एक यूनिट है. यह रूट एलिमेंट के फ़ॉन्ट की "कैप हाइट" (कैपिटल लेटर की सामान्य ऊंचाई) के बराबर होती है. इससे टाइपोग्राफ़िक लेआउट को सटीक तरीके से सेट किया जा सकता है. ये लेआउट, साइट पर इस्तेमाल किए गए प्राइमरी टाइपफ़ेस के हिसाब से स्केल होते हैं, न कि सिर्फ़ फ़ॉन्ट के साइज़ के हिसाब से.
rch सीएसएस यूनिट
ch यूनिट की तरह ही, rch यूनिट भी रूट एलिमेंट के हिसाब से काम करती है. यह रूट एलिमेंट के फ़ॉन्ट में "0" (शून्य) ग्लिफ़ की चौड़ाई या ज़्यादा सटीक तौर पर, अडवांस मेज़रमेंट को दिखाती है. यह उन लेआउट को बनाने के लिए सबसे सही है जो वर्ण की चौड़ाई पर निर्भर करते हैं. जैसे, एक ऐसा कंटेनर जिसमें रूट फ़ॉन्ट के वर्णों की एक तय संख्या को सटीक तरीके से फ़िट किया जाना चाहिए.
rex सीएसएस यूनिट
rex यूनिट, ex का रूट-रिलेटिव वर्शन है. यह रूट एलिमेंट के फ़ॉन्ट की x-ऊंचाई के बराबर होती है. यह यूनिट, वर्टिकल अलाइनमेंट और साइज़िंग एलिमेंट के लिए खास तौर पर काम आती है. यह आपके दस्तावेज़ की मुख्य टाइपोग्राफ़ी में छोटे अक्षरों की ऊंचाई के हिसाब से काम करती है.
ric सीएसएस यूनिट
ric यूनिट, ic यूनिट के मुकाबले रूट के हिसाब से तय होती है. यह रूट एलिमेंट के फ़ॉन्ट के "आइडियोग्राफ़िक" अडवांस मेज़र (आम तौर पर, CJK आइडियोग्राफ़ की चौड़ाई या ऊंचाई) के बराबर होता है. यह टूल, उन डेवलपर के लिए बहुत ज़रूरी है जो अंतरराष्ट्रीय लेआउट बना रहे हैं. खास तौर पर, उन डेवलपर के लिए जो चाइनीज़, जैपनीज़ या कोरियन स्क्रिप्ट का इस्तेमाल कर रहे हैं.
व्यापक रूप से उपलब्ध बुनियादी सुविधाएं
जनवरी 2026 में, ये वेब सुविधाएं Baseline Widely available बन गईं.
दो वैल्यू वाली सीएसएस display प्रॉपर्टी
display प्रॉपर्टी के लिए मल्टी-कीवर्ड सिंटैक्स अब Baseline Widely available है. इस अपडेट के बाद, बॉक्स के "आउटर" और "इनर" डिसप्ले टाइप, दोनों को साफ़ तौर पर तय किया जा सकता है. उदाहरण के लिए, पहले से कंपोज़ किए गए inline-flex के बजाय, display: inline flex का इस्तेमाल किया जा सकता है. इससे यह पता चलता है कि कोई एलिमेंट, ब्लॉक या इनलाइन फ़्लो (आउटर टाइप) में शामिल है या नहीं. साथ ही, यह भी पता चलता है कि उसके चाइल्ड एलिमेंट किस तरह से लेआउट किए गए हैं (इनर टाइप, जैसे कि flex या grid). इस बदलाव से, सीएसएस लेआउट इंजन, डेवलपर के लिए ज़्यादा तार्किक और एक जैसा हो जाता है.
animation-composition सीएसएस प्रॉपर्टी
animation-composition प्रॉपर्टी
यह तय करती है कि जब एक साथ कई ऐनिमेशन, एक ही प्रॉपर्टी पर असर डालते हैं, तो उन्हें कैसे इंटरैक्ट करना चाहिए. आपके पास replace, add या accumulate में से कोई एक विकल्प चुनने का विकल्प होता है. इससे आपको यह तय करने का सटीक कंट्रोल मिलता है कि जटिल और लेयर वाले ऐनिमेशन की गिनती कैसे की जाए.
कॉपी करके ऐरे बनाना
JavaScript में अब ऐसे तरीके शामिल हैं जिनसे ओरिजनल डेटा में बदलाव किए बिना, ऐरे को बदला जा सकता है. toReversed(), toSorted(), और toSpliced() जैसे तरीके, ऐरे की नई और बदली हुई कॉपी दिखाते हैं. इससे प्रोग्रामिंग की ज़्यादा फ़ंक्शनल और सुरक्षित स्टाइल को बढ़ावा मिलता है.
बेहतर बनाने में हमारी मदद करें
अगर हमने बेसलाइन से जुड़ी कोई जानकारी शामिल नहीं की है, तो हमें बताएं. हम यह पक्का करेंगे कि उसे आने वाले वर्शन में शामिल किया जाए! अगर आपका कोई सवाल है या आपको Baseline के बारे में सुझाव/राय देनी है या शिकायत करनी है, तो हमारे समस्या ट्रैकर में जाकर समस्या की जानकारी दें.