कुछ दिलचस्प सुविधाओं के बारे में जानें, जो जनवरी 2022 में, स्टेबल और बीटा वर्शन वाले वेब ब्राउज़र पर मिली हैं.
स्थायी ब्राउज़र रिलीज़
जनवरी में, Chrome 97 और Firefox 96 स्टेबल हो गए.
Firefox 96 ने कलर फ़ंक्शन hwb() भेजा है. यह फ़ंक्शन रंग, सफ़ेद, और कालापन के आधार पर रंग को दिखाता है.
साथ ही, Firefox 96 में सीएसएस color-scheme प्रॉपर्टी मौजूद है. इस प्रॉपर्टी की मदद से, यह बताया जा सकता है कि किसी एलिमेंट में कौन-कौनसी कलर स्कीम रेंडर की जा सकती हैं. उदाहरण के लिए, यह बताने के लिए कि .widget को ऑपरेटिंग सिस्टम के हल्के या गहरे रंग वाले मोड में रेंडर किया जा सकता है, नीचे दी गई सीएसएस का इस्तेमाल करें.
.widget {
color-scheme: light dark;
}
Firefox में कलर-स्कीम लैंडिंग का मतलब है कि प्रॉपर्टी Chrome, Firefox, और Safari में उपलब्ध है.
बीटा ब्राउज़र की रिलीज़
ब्राउज़र के बीटा वर्शन में आपको उन चीज़ों की झलक मिलती है जो ब्राउज़र के अगले स्टेबल वर्शन में होंगी. इस दौरान नई सुविधाओं या हटाए गए कॉन्टेंट को आज़माया जा सकता है. इससे दुनिया भर में आपकी साइट के इस्तेमाल पर असर पड़ सकता है.
जनवरी में ये बीटा वर्शन Chrome 98, Firefox 97, और Safari 15.4 Beta 1 वर्शन थे.
Chrome 98 में, COLRv1 कलर ग्रेडिएंट वेक्टर फ़ॉन्ट का इस्तेमाल एक अतिरिक्त नए फ़ॉन्ट फ़ॉर्मैट के तौर पर किया जाता है. कलर फ़ॉन्ट में कई रंगों वाले ग्लिफ़ होते हैं. उदाहरण के लिए, कोई इमोजी, देश का झंडा या कई रंगों वाला अक्षर.
Chrome 98 में COLRv1 कलर ग्रेडिएंट वेक्टर फ़ॉन्ट में इस नए फ़ॉन्ट फ़ॉर्मैट के बारे में ज़्यादा पढ़ें.
साथ ही, इसमें ऑब्जेक्ट की डीप कॉपी बनाने के लिए structuredClone() तरीका, साथ ही सीएसएस मीडिया क्वेरी dynamic-range और video-dynamic-range भी शामिल है. जांच करने के लिए ज़्यादा सुविधाएं पाने के लिए Chrome 98 के बीटा वर्शन की पोस्ट पढ़ें.
Chrome 98 DevTools के साथ नई सुविधाओं का पूरा कलेक्शन उपलब्ध है. इसमें, पूरी तरह से इस्तेमाल किया जा सकने वाला नया ट्री भी शामिल है.
Firefox 97 Beta length के लिए cap और ic यूनिट के साथ काम करता है. साथ ही, यह scrollbar-gutter प्रॉपर्टी को भी लागू करता है.
Safari 15.4 के बीटा वर्शन में कई अच्छी चीज़ों का कलेक्शन है. इन सुविधाओं में, ::backdrop स्यूडो-एलिमेंट, :फ़ोकस-विज़न स्यूडो-क्लास, accent-color प्रॉपर्टी, और contain प्रॉपर्टी के साथ सीएसएस कंटेनमेंट को लागू करना शामिल है. इस बीटा वर्शन में एचटीएमएल <dialog> एलिमेंट और लेज़ी-लोडिंग को चालू करने के लिए इमेज पर lazy एट्रिब्यूट शामिल है. साथ ही, इसमें वेब ऐप्लिकेशन मेनिफ़ेस्ट आइकॉन के लिए सहायता भी शामिल है.
बीटा वर्शन की ये सभी सुविधाएं, जल्द ही स्टेबल ब्राउज़र में उपलब्ध होंगी.
यह वेब सीरीज़ में नई सुविधा का हिस्सा है