जनवरी में वेब प्लैटफ़ॉर्म पर नई सुविधाएं

जनवरी 2022 में, स्टेबल और बीटा वेब ब्राउज़र में जोड़ी गई कुछ दिलचस्प सुविधाओं के बारे में जानें.

Rachel Andrew

ब्राउज़र के स्टेबल वर्शन

जनवरी में, Chrome 97 और Firefox 96 के स्टेबल वर्शन रिलीज़ हो गए.

Firefox 96 में रंग फ़ंक्शन hwb() जोड़ा गया है. यह फ़ंक्शन, रंग को ह्यू, सफ़ेद, और काले रंग के हिसाब से दिखाता है.

ब्राउज़र सहायता

• 101
• 101
• 96
• 15

सोर्स

Firefox 96 में, सीएसएस color-scheme प्रॉपर्टी भी है. इस प्रॉपर्टी की मदद से, उन कलर स्कीम के बारे में बताया जा सकता है जिनमें एलिमेंट को रेंडर किया जा सकता है. उदाहरण के लिए, यह बताने के लिए कि .widget को ऑपरेटिंग सिस्टम के लाइट या डार्क मोड में रेंडर किया जा सकता है, नीचे दी गई सीएसएस का इस्तेमाल करें.

.widget {
  color-scheme: light dark;
}

Firefox में कलर-स्कीम वाले लैंडिंग पेज का मतलब है कि प्रॉपर्टी Chrome, Firefox, और Safari में उपलब्ध है.

ब्राउज़र के इस्तेमाल से जुड़ी सहायता

• 81
• 81
• 96
• 13

सोर्स

ब्राउज़र के बीटा वर्शन की रिलीज़

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

जनवरी के बीटा वर्शन में Chrome 98, Firefox 97, और Safari 15.4 बीटा 1 शामिल थे.

Chrome 98 में, COLRv1 कलर ग्रेडिएंट वेक्टर फ़ॉन्ट का इस्तेमाल किया जा सकता है. यह एक नया फ़ॉन्ट फ़ॉर्मैट है. कलर फ़ॉन्ट में कई रंगों वाले ग्लिफ़ होते हैं. जैसे, इमोजी, देश का झंडा या कई रंगों वाला अक्षर.

इस नए फ़ॉन्ट फ़ॉर्मैट के बारे में ज़्यादा जानने के लिए, Chrome 98 में COLRv1 कलर ग्रेडिएंट वेक्टर फ़ॉन्ट लेख पढ़ें.

इसमें ऑब्जेक्ट की डीप कॉपी बनाने के लिए, structuredClone() तरीका और सीएसएस मीडिया क्वेरी dynamic-range और video-dynamic-range भी शामिल हैं. Chrome 98 के बीटा वर्शन के बारे में पोस्ट में, टेस्ट करने के लिए ज़्यादा सुविधाएं देखें.

Chrome 98 DevTools में आपके लिए नई सुविधाओं का कलेक्शन मौजूद है. इनमें नया फ़ुल सुलभता ट्री भी शामिल है.

Firefox 97 बीटा वर्शन में, length के लिए cap और ic यूनिट का इस्तेमाल किया जा सकता है. साथ ही, इसमें scrollbar-gutter प्रॉपर्टी भी लागू की गई है.

Safari 15.4 बीटा में अच्छी चीज़ों का पूरा संग्रह है. इन सुविधाओं में, ::backdrop स्यूडो-एलिमेंट, :focus-visible स्यूडो-क्लास, accent-color प्रॉपर्टी, और contain प्रॉपर्टी के साथ सीएसएस कंटेनमेंट को लागू करना शामिल है. इस बीटा वर्शन में, एचटीएमएल <dialog> एलिमेंट भी शामिल है. साथ ही, इमेज पर lazy एट्रिब्यूट भी शामिल है, ताकि लेज़ी-लोडिंग की सुविधा चालू की जा सके. साथ ही, वेब ऐप्लिकेशन मेनिफ़ेस्ट आइकॉन के लिए भी सहायता मिलती है.

बीटा वर्शन में मौजूद ये सभी सुविधाएं, जल्द ही स्टेबल ब्राउज़र में उपलब्ध हो जाएंगी.

वेब सीरीज़ के लिए नया है का हिस्सा