नवंबर में वेब प्लैटफ़ॉर्म पर नया है

नवंबर 2023 में, स्टेबल और बीटा वेब ब्राउज़र में इस्तेमाल की जा चुकी कुछ दिलचस्प सुविधाओं के बारे में जानें.

Rachel Andrew

स्टेबल ब्राउज़र रिलीज़

नवंबर 2023 में, हमने Firefox 120 के साथ सिर्फ़ एक ठीक से काम करने वाला ब्राउज़र रिलीज़ किया था. इस पोस्ट में यह बताया गया है कि वेब प्लैटफ़ॉर्म के लिए इसका क्या मतलब है.

<source> एलिमेंट में media एट्रिब्यूट इस्तेमाल करना

Firefox ने <source> एलिमेंट में media एट्रिब्यूट के लिए फिर से काम करना शुरू किया. <audio> और <video> एलिमेंट को शामिल करने के लिए, सहायता को बढ़ाया गया है. इस रिलीज़ के साथ, मीडिया एट्रिब्यूट <audio>, <video>, और <picture> में मौजूद <source> एलिमेंट में उपलब्ध होगा.

media एट्रिब्यूट के लिए सहायता Chrome में मिलने वाली है और यह पहले से Safari में मौजूद है, इसलिए आपको जल्द ही सभी इंजन में रिस्पॉन्सिव एचटीएमएल वीडियो और ऑडियो के लिए सहायता मिलेगी.

सीएसएस रंग light-dark() फ़ंक्शन

Firefox में अब light-dark() सीएसएस कलर फ़ंक्शन काम करता है. इसका मतलब है कि prefers-color-scheme मीडिया सुविधा का इस्तेमाल किए बिना, हल्के और गहरे रंग वाली स्कीम के लिए रंग सेट किए जा सकते हैं.

lh और rlh यूनिट

Firefox, सीएसएस यूनिट lh और rlh के साथ काम करता है. ये यूनिट, आपको एलिमेंट की लाइन की ऊंचाई के हिसाब से वैल्यू सेट करने की सुविधा देती हैं. यह तब मददगार होता है, जब बैकग्राउंड इमेज को टेक्स्ट के साथ अलाइन करना हो. इस रिलीज़ की वजह से, इन तीनों मुख्य इंजन के लिए इंटरऑपर नहीं किए जा सकते.

एचटीटीपी 103 शुरुआती हिंट

Firefox में अब 103 अर्ली हिंट एचटीटीपी जानकारी रिस्पॉन्स स्टेटस कोड काम करता है.

बीटा ब्राउज़र रिलीज़

बीटा ब्राउज़र वर्शन से आपको उन चीज़ों की झलक देखने को मिलती है जो ब्राउज़र के अगले स्टेबल वर्शन में होंगी. यह नई सुविधाओं या हटाने के तरीकों को आज़माने का सही समय है. इससे, दुनिया भर के लिए रिलीज़ होने से पहले ही आपकी साइट पर असर पड़ सकता है. Firefox 121, Chrome 120, और Safari 17.2 इसके नए बीटा वर्शन हैं. इन रिलीज़ में, प्लैटफ़ॉर्म पर कई बेहतरीन सुविधाएं जोड़ी गई हैं. पूरी जानकारी के लिए रिलीज़ नोट देखें. यहां कुछ खास हाइलाइट दी गई हैं.

Chrome 120 और Safari 17.2 में सीएसएस Nesting के लिए आसानी से पार्स करने की सुविधा शामिल है.

Chrome 120, -webkit-mask* प्रॉपर्टी को अनप्रीफ़िक्स कर देता है और उन्हें मौजूदा स्पेसिफ़िकेशन के हिसाब से लाया है. इनमें mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size, और mask-composite के साथ-साथ mask शॉर्टहैंड भी शामिल हैं. लोकल mask-image रेफ़रंस काम करते हैं, सीरियल नंबर अब स्पेसिफ़िकेशन से मेल खाते हैं, और स्वीकार की जाने वाली वैल्यू अब स्पेसिफ़िकेशन से मेल खाती हैं.

Chrome 120 और Safari 17.2 में <details> एलिमेंट के लिए, name एट्रिब्यूट के साथ काम करने की सुविधा शामिल है.

Firefox 121 में सीएसएस :has() सिलेक्टर शामिल है. इस रिलीज़ की वजह से, सभी बड़े इंजन के साथ :has() का इस्तेमाल किया जा सकता है.

वेब सीरीज़ के नए वर्शन का हिस्सा