दिसंबर 2025 के लिए, Baseline के बारे में जानकारी देने वाला हर महीने का डाइजेस्ट

पब्लिश होने की तारीख: 26 जनवरी, 2026

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

नई सुविधाएं

नीचे दी गई सुविधाएं, दिसंबर 2025 में Baseline Newly available के तौर पर उपलब्ध हुईं. इसलिए, ये सभी सुविधाएं जुलाई 2028 में, Baseline Widely available के तौर पर उपलब्ध होंगी.

document.caretPositionFromPoint()

document.caretPositionFromPoint(), दिए गए व्यूपोर्ट निर्देशांकों के लिए सटीक इंसर्शन पॉइंट (डीओएम नोड और ऑफ़सेट) ढूंढने का एक उपयोगी तरीका है. इस तरीके से, दस्तावेज़ में कर्सर की जगह का अनुमान लगाने की ज़रूरत कम हो जाती है.

Event Timing API

Event Timing API का इस्तेमाल, दस्तावेज़ के साथ इंटरैक्शन का पता लगाने के लिए किया जाता है. इसका इस्तेमाल, उपयोगकर्ता के इंटरैक्शन की लेटेन्सी का हिसाब लगाने के लिए भी किया जा सकता है. इस एपीआई का इस्तेमाल, पेज के रिस्पॉन्स में लगने वाला समय (आईएनपी) वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक का हिसाब लगाने के लिए किया जाता है. अब यह एपीआई, Baseline Newly available के तौर पर उपलब्ध है. इसलिए, सभी मुख्य ब्राउज़र पर आईएनपी मेट्रिक का हिसाब लगाया जा सकता है. साथ ही, जब यह Baseline Widely available के तौर पर उपलब्ध होगा, तब इस अहम मेट्रिक का हिसाब उन ब्राउज़र पर भी लगाया जा सकेगा जिनका इस्तेमाल, रीयल यूज़र मॉनिटरिंग (आरयूएम) के लिए किया जाता है.

Largest Contentful Paint API

सबसे बड़ा कॉन्टेंटफ़ुल पेंट (एलसीपी), वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाली एक मेट्रिक है. यह हिसाब लगाती है कि दस्तावेज़ में सबसे बड़े कॉन्टेंट को रेंडर होने में कितना समय लगा. सबसे बड़े कॉन्टेंटफ़ुल पेंट एपीआई को अब नए उपयोगकर्ताओं के लिए उपलब्ध करा दिया गया है. साथ ही, यह एपीआई ज़्यादा से ज़्यादा उपयोगकर्ताओं के लिए उपलब्ध होगा. इससे, डेटा इकट्ठा करने के मकसद से, उपयोगकर्ताओं को ध्यान में रखकर बनाई गई इस ज़रूरी मेट्रिक का हिसाब लगाया जा सकेगा.

सीएसएस scrollbar-color

पहले, सभी ब्राउज़र पर स्क्रोलबार को एक जैसा स्टाइल करना मुमकिन नहीं था. सीएसएस scrollbar-color प्रॉपर्टी अब नई सुविधाओं के साथ उपलब्ध है. इसलिए, आपके पास दस्तावेज़ के स्क्रोलबार के रंग को स्टाइल करने का बेहतर तरीका है.

scrollend इवेंट

scrollend इवेंट, स्क्रोल करने की कार्रवाई पूरी होने का पता लगाने का एक भरोसेमंद तरीका है. यह setTimeout हैक की जगह लेता है. इस सुविधा को नई सुविधा के तौर पर उपलब्ध कराने का मतलब है कि उपयोगकर्ता यह पता लगा पाएंगे कि स्क्रोल करने की कार्रवाइयां कब पूरी होती हैं. साथ ही, setTimeout कॉलबैक का इस्तेमाल करके, कोड की परफ़ॉर्मेंस और पढ़ने की क्षमता से समझौता नहीं किया जाएगा.

सीएसएस @scope

सीएसएस @scope at-rule की मदद से, दस्तावेज़ के सबट्री में मौजूद एलिमेंट को आसानी से टारगेट किया जा सकता है. इससे जटिल सिलेक्टर की ज़रूरत कम हो जाती है. @scope के Baseline Newly available के तौर पर उपलब्ध होने से, अब आपके पास स्टाइल को स्कोप करने के लिए एक मज़बूत टूल है.

मैथ फ़ॉन्ट फ़ैमिली

अगर आपको कभी किसी पेज पर गणित के समीकरण दिखाने पड़े हैं, तो आपको पता होगा कि इस तरह के कॉन्टेंट को रेंडर करने के लिए कुछ खास शर्तों को पूरा करना ज़रूरी होता है. font-family: math के नए वर्शन के उपलब्ध होने के बाद, आपको गणित के समीकरण दिखाने के लिए हैक का इस्तेमाल नहीं करना पड़ेगा.

कमांड शुरू करने वाले

इन्वोकर कमांड, किसी पेज पर मौजूद <button> एलिमेंट को व्यवहार असाइन करने के लिए काम आती हैं. खास तौर पर, ये डायलॉग और पॉपओवर के इस्तेमाल को कंट्रोल करने के लिए फ़ायदेमंद होते हैं. साथ ही, इन एपीआई का इस्तेमाल करने से जुड़ी कई बुनियादी ज़रूरतों को पूरा करने में आपकी मदद करते हैं. जैसे, सुलभता से जुड़ी समस्याएं. ये कैसे काम करते हैं, यह जानने के लिए <dialog> और popover: लेयर वाले यूज़र इंटरफ़ेस (यूआई) के बुनियादी पैटर्न पढ़ें. यह हमारे हाल ही में लॉन्च किए गए बेसलिन इन ऐक्शन सीरीज़ का एक लेख है.

व्यापक रूप से उपलब्ध बुनियादी सुविधाएं

हाल ही में, कुछ सुविधाएं दिसंबर 2025 में Baseline Widely available बन गईं. इसका मतलब है कि अब इन सुविधाओं का इस्तेमाल सभी मुख्य ब्राउज़र में किया जा सकता है.

calc() कीवर्ड

CSS में calc(), गणितीय कार्रवाइयां करता है. इसलिए, आम तौर पर इस्तेमाल होने वाले गणित के फ़ॉर्मूलों के लिए कीवर्ड पेश करना ज़रूरी हो गया. e, pi, infinity, और NaN कीवर्ड, सीएसएस के गणितीय फ़ंक्शन में इस्तेमाल होने वाले ऐसे कॉन्स्टेंट को दिखाते हैं जिन्हें calc() में स्वीकार किया जाता है.

वर्कर्स में JavaScript मॉड्यूल

वेब वर्कर, डिज़ाइन के हिसाब से अपने स्कोप में मौजूद होते हैं. इन्हें Worker() कंस्ट्रक्टर के ज़रिए इंस्टैंशिएट किया जाता है. वेब वर्कर शुरू करते समय { type: "module" } आर्ग्युमेंट का इस्तेमाल करने की सुविधा से, वर्कर स्कोप में ES मॉड्यूल का इस्तेमाल किया जा सकता है. इससे आपको import और export का ऐक्सेस मिलता है. यह सुविधा अब Baseline Widely available के तहत उपलब्ध है. इसलिए, अब इसका इस्तेमाल उन ब्राउज़र पर भी किया जा सकेगा जिन्हें आज इस्तेमाल किया जा रहा है.

window.print()

window.print() एक लोकप्रिय वेब सुविधा है. हालांकि, इस महीने प्रिंट डायलॉग के कुछ मॉडर्न वर्शन के लिए, क्रॉस-ब्राउज़र बेसलाइन में क्लॉक की सुविधा उपलब्ध कराई गई है. इससे, इसका इस्तेमाल ज़्यादा ब्राउज़र पर भरोसेमंद तरीके से किया जा सकेगा.

बस इतना ही

साल 2025 खत्म हो चुका है. अब हम साल 2026 की शुरुआत, Baseline के साथ कर रहे हैं! हमेशा की तरह, अगर हमने बेसलाइन से जुड़ी कोई जानकारी शामिल नहीं की है, तो हमें बताएं. हम यह पक्का करेंगे कि उसे आने वाले समय में शामिल किया जाए!