Interop 2024, Baseline में ज़्यादा सुविधाएं लाता है

पब्लिश किया गया: 22 जनवरी, 2025

Interop 2024 का आखिरी दिन आ गया है. इस पोस्ट में, इस प्रोजेक्ट के अब तक के सबसे सफल साल की जानकारी दी गई है. एक्सपेरिमेंटल ब्राउज़र के सभी वर्शन को 99 का स्कोर मिला. साथ ही, स्टैबल वर्शन को भी 99 का स्कोर मिला. इस सफलता का मतलब है कि कई सुविधाएं अब बेसलाइन के तौर पर उपलब्ध हैं.

99 का स्कोर पाने वाले सभी ब्राउज़र.
Interop 2024 डैशबोर्ड (22 जनवरी, 2025 तक)

Baseline की अन्य सुविधाएं

किसी सुविधा को बेसलाइन के तौर पर हाल ही में उपलब्ध होने के लिए, यह ज़रूरी है कि वह इंटरऑपरेबल हो. इसलिए, यह कोई आश्चर्य की बात नहीं है कि Interop 2024 ने उस लाइन के बाद और Baseline 2024 में कई सुविधाओं को बेहतर बनाने में मदद की.

रजिस्टर की गई कस्टम प्रॉपर्टी

@property नियम और CSS.registerProperty() स्टैटिक तरीका, जुलाई 2024 से, आधारभूत तरीका बन गया है.

font-size-adjust प्रॉपर्टी

font-size-adjust सीएसएस प्रॉपर्टी, टेक्स्ट के दिखने वाले साइज़ को बनाए रखती है. भले ही, इसके लिए किसी भी फ़ॉन्ट का इस्तेमाल किया गया हो. यह किसी खास मेट्रिक, जैसे कि x-height के हिसाब से फ़ॉन्ट को एक ही साइज़ में स्केल करती है. इससे फ़ॉलबैक फ़ॉन्ट को एक ही साइज़ में दिखाने में मदद मिल सकती है. यह जुलाई 2024 में, बेसलाइन के तौर पर उपलब्ध हो गया.

<video> के लिए requestVideoFrameCallback() का तरीका

<video> के लिए requestVideoFrameCallback() तरीका, एक फ़ंक्शन को शेड्यूल करता है, जो अगले वीडियो फ़्रेम के साथ चलता है. यह requestAnimationFrame() से मिलता-जुलता है, लेकिन यह वीडियो के लिए है. यह मेट्रिक, अक्टूबर 2024 में उपलब्ध हुई.

scrollbar-width और scrollbar-gutter के साथ स्क्रोलबार की स्टाइल

scrollbar-width सीएसएस प्रॉपर्टी, स्क्रोलबार की चौड़ाई सेट करती है और scrollbar-gutter स्क्रोलबार के लिए जगह तय करती है. इससे स्क्रोलबार के दिखने और गायब होने पर, लेआउट में अनचाहे बदलाव नहीं होते. ये दिसंबर 2024 में, बेसलाइन के तौर पर उपलब्ध हो गए.

transition-behavior प्रॉपर्टी

transition-behavior: allow-discrete सीएसएस एलान, उन प्रॉपर्टी के लिए ट्रांज़िशन की अनुमति देता है जिनके ऐनिमेशन का व्यवहार अलग-अलग होता है. ऐसी प्रॉपर्टी को इंटरपोल नहीं किया जा सकता और उनकी शुरुआती वैल्यू को 50% पर आखिरी वैल्यू में बदला नहीं जा सकता. यह प्रॉपर्टी, अगस्त 2024 में बेसलाइन के तौर पर उपलब्ध हो गई.

text-wrap: balance

text-wrap CSS प्रॉपर्टी से यह तय होता है कि कंटेनर से बाहर निकलने वाले टेक्स्ट में लाइनें कैसे बंटेंगी. यह text-wrap-style और text-wrap-mode के लिए शॉर्टहैंड है. balance वैल्यू की मदद से, बैलेंस वाली हेडलाइन और टेक्स्ट के छोटे-छोटे अन्य हिस्से बनाए जा सकते हैं. text-wrap प्रॉपर्टी, मार्च 2024 में बेसलाइन के तौर पर उपलब्ध हो गई.

पॉपओवर

पॉपओवर की मदद से, एचटीएमएल या showPopover() तरीके का इस्तेमाल करके, ओवरले बनाए जा सकते हैं. यह सुविधा, 'नया वर्शन उपलब्ध है' के आधारभूत लेवल पर पहुंचने वाली थी. असल में, हमें शुरू में लगा था कि यह सुविधा 2024 में 'नया वर्शन उपलब्ध है' के लेवल पर पहुंच गई है. हालांकि, Safari में इस सुविधा को लागू करने में हुई समस्या की वजह से, यह 2024 में 'नया वर्शन उपलब्ध है' के लेवल पर नहीं पहुंच पाई. अच्छी बात यह है कि Safari के मौजूदा बीटा वर्शन 18.3 में यह समस्या ठीक हो गई है. इसलिए, हम जल्द ही पॉपओवर को बेसलाइन के तौर पर उपलब्ध होने का एलान कर पाएंगे.

बेसलाइन सुविधाओं में किए गए सुधार

इंटरऑप 2024 में ऐसी सुविधाएं शामिल थीं जिन्हें पहले से ही, आधारभूत तौर पर उपलब्ध के तौर पर रखा गया था. इन सुविधाओं को लागू करने में कुछ छोटे अंतरों को ठीक करना था. ऐसा हो सकता है कि इन समस्याओं का सामना बहुत कम लोगों को करना पड़े. हालांकि, अगर आपको इन समस्याओं का सामना करना पड़ता है, तो छोटी-छोटी बातों से भी काफ़ी फ़र्क़ पड़ता है.

सीएसएस नेस्टिंग

सीएसएस नेस्टिंग की मदद से, छोटे सिलेक्टर बनाए जा सकते हैं. साथ ही, नियमों को एक-दूसरे के अंदर नेस्ट करके, उन्हें आसानी से पढ़ा जा सकता है और ज़्यादा मॉड्यूलर बनाया जा सकता है. यह दिसंबर 2023 में बेसलाइन के तौर पर उपलब्ध हुआ. साथ ही, इंटरऑपरेबिलिटी से जुड़ी कुछ समस्याओं को ठीक करने के लिए, इसे इंटरऑपरेबिलिटी 2024 में शामिल किया गया.

डीक्लेरेटिव शैडो डीओएम

<template> पर मौजूद shadowrootmode एट्रिब्यूट, JavaScript का इस्तेमाल किए बिना शैडो रूट बनाता है. यह `attachShadow() method के लिए, एलान करने वाला विकल्प है.

Interop 2025 जल्द ही लॉन्च होने वाला है

Interop 2025 के लिए, प्रस्तावों को फ़िलहाल फ़ाइनल किया जा रहा है. हमें इस साल की अपनी सभी सफलताओं को आगे बढ़ाने में खुशी होगी. इसमें क्या शामिल है, यह जानने के लिए फ़रवरी में होने वाले एलान पर नज़र रखें. Baseline में उपलब्ध होने वाली सुविधाओं के बारे में जानने के लिए, web.dev पर Baseline में उपलब्ध नई सुविधाओं की हमारी सीरीज़ देखें.