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

Baseline की अन्य सुविधाएं
किसी सुविधा को बेसलाइन के तौर पर हाल ही में उपलब्ध होने के लिए, यह ज़रूरी है कि वह इंटरऑपरेबल हो. इसलिए, यह कोई आश्चर्य की बात नहीं है कि Interop 2024 ने उस लाइन के बाद और Baseline 2024 में कई सुविधाओं को बेहतर बनाने में मदद की.
रजिस्टर की गई कस्टम प्रॉपर्टी
@property
नियम और CSS.registerProperty()
स्टैटिक तरीका, जुलाई 2024 से, आधारभूत तरीका बन गया है.
@property
on MDN- वेब प्लैटफ़ॉर्म डैशबोर्ड पर
@property
एंट्री @property
: नए वर्शन के सीएसएस वैरिएबल अब सभी ब्राउज़र पर काम करते हैं
font-size-adjust
प्रॉपर्टी
font-size-adjust
सीएसएस प्रॉपर्टी, टेक्स्ट के दिखने वाले साइज़ को बनाए रखती है. भले ही, इसके लिए किसी भी फ़ॉन्ट का इस्तेमाल किया गया हो. यह किसी खास मेट्रिक, जैसे कि x-height के हिसाब से फ़ॉन्ट को एक ही साइज़ में स्केल करती है. इससे फ़ॉलबैक फ़ॉन्ट को एक ही साइज़ में दिखाने में मदद मिल सकती है.
यह जुलाई 2024 में, बेसलाइन के तौर पर उपलब्ध हो गया.
font-size-adjust
on MDN- वेब प्लैटफ़ॉर्म डैशबोर्ड पर
font-size-adjust
एंट्री - सीएसएस
font-size-adjust
अब बेसलाइन में है
<video>
के लिए requestVideoFrameCallback()
का तरीका
<video>
के लिए requestVideoFrameCallback()
तरीका, एक फ़ंक्शन को शेड्यूल करता है, जो अगले वीडियो फ़्रेम के साथ चलता है. यह requestAnimationFrame()
से मिलता-जुलता है, लेकिन यह वीडियो के लिए है. यह मेट्रिक, अक्टूबर 2024 में उपलब्ध हुई.
requestVideoFrameCallback()
on MDN- वेब प्लैटफ़ॉर्म डैशबोर्ड पर
requestVideoFrameCallback()
एंट्री requestVideoFrameCallback()
की मदद से, वीडियो के हर फ़्रेम पर बेहतर तरीके से कार्रवाइयां करना
scrollbar-width
और scrollbar-gutter
के साथ स्क्रोलबार की स्टाइल
scrollbar-width
सीएसएस प्रॉपर्टी, स्क्रोलबार की चौड़ाई सेट करती है और
scrollbar-gutter
स्क्रोलबार के लिए जगह तय करती है. इससे स्क्रोलबार के दिखने और गायब होने पर, लेआउट में अनचाहे बदलाव नहीं होते. ये दिसंबर 2024 में, बेसलाइन के तौर पर उपलब्ध हो गए.
transition-behavior
प्रॉपर्टी
transition-behavior: allow-discrete
सीएसएस एलान, उन प्रॉपर्टी के लिए ट्रांज़िशन की अनुमति देता है जिनके ऐनिमेशन का व्यवहार अलग-अलग होता है. ऐसी प्रॉपर्टी को इंटरपोल नहीं किया जा सकता और उनकी शुरुआती वैल्यू को 50% पर आखिरी वैल्यू में बदला नहीं जा सकता. यह प्रॉपर्टी, अगस्त 2024 में बेसलाइन के तौर पर उपलब्ध हो गई.
transition-behavior
on MDN- वेब प्लैटफ़ॉर्म डैशबोर्ड पर
transition-behavior
एंट्री - अब बेसलाइन में: एंट्री इफ़ेक्ट को ऐनिमेट करना
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 में उपलब्ध नई सुविधाओं की हमारी सीरीज़ देखें.