कुछ दिलचस्प सुविधाओं के बारे में जानें, जो फ़रवरी 2022 में, स्टेबल और बीटा वर्शन वाले वेब ब्राउज़र पर मिली हैं.
स्थायी ब्राउज़र रिलीज़
फ़रवरी में, Chrome 98 और Firefox 97 स्टेबल हो गए.
Chrome 98 ने self.structuredClone
तरीके से शिपिंग की है. यह स्ट्रक्चर्ड क्लोन एल्गोरिदम का इस्तेमाल करके, वैल्यू का डीप क्लोन बनाता है. structuredClone()
के बारे में ज़्यादा पढ़ें.
Firefox 97 में कैस्केड लेयर शामिल है. @layer
एट-रूल, कैस्केड लेयर के बारे में जानकारी देता है. इससे आपको किसी खास कैटगरी को कंट्रोल करने में मदद मिलती है.
@layer framework {
/* creates a new layer named framework */
}
रिलीज़ वर्शन में इस पर काम करने वाला Firefox पहला ब्राउज़र है. हालांकि, बीटा रिलीज़ पर इस पोस्ट का सेक्शन देखें, क्योंकि सुविधा को हर जगह उपलब्ध होने में ज़्यादा समय नहीं लगेगा. आपके ब्राउज़र पर कैस्केड लेयर आ रही हैं सेक्शन में कैस्केड लेयर के बारे में ज़्यादा जानें.
Firefox scrollbar-gutter
प्रॉपर्टी भी लैंड करता है. यह प्रॉपर्टी, कॉन्टेंट के बढ़ने के साथ स्क्रोलबार की वजह से होने वाले लेआउट शिफ़्ट को हटाने में मदद करती है.
स्क्रोलबार गटर, बॉर्डर के अंदरूनी और बाहरी पैडिंग (जगह) के बीच की जगह होती है. ज़रूरत पड़ने पर स्क्रोलबार यहां दिखेगा. अगर कोई स्क्रोलबार मौजूद नहीं है, तो गटर, पैडिंग के एक्सटेंशन के तौर पर दिखता है. नीचे दी गई सीएसएस, बॉक्स के दोनों ओर स्क्रोलबार के साइज़ के लिए स्पेसिंग को जोड़ देगी. ऐसा इसलिए किया जाएगा, ताकि वह एक जैसा दिखे.
.container {
scrollbar-gutter: stable both-edges;
}
Chrome 98 में, COLRv1 कलर ग्रेडिएंट वेक्टर फ़ॉन्ट का इस्तेमाल एक अतिरिक्त नए फ़ॉन्ट फ़ॉर्मैट के तौर पर किया जाता है. कलर फ़ॉन्ट में कई रंगों वाले ग्लिफ़ होते हैं. उदाहरण के लिए, कोई इमोजी, देश का झंडा या कई रंगों वाला अक्षर.
Chrome 98 में COLRv1 कलर ग्रेडिएंट वेक्टर फ़ॉन्ट में इस नए फ़ॉन्ट फ़ॉर्मैट के बारे में ज़्यादा पढ़ें.
बीटा ब्राउज़र की रिलीज़
ब्राउज़र के बीटा वर्शन में आपको उन चीज़ों की झलक मिलती है जो ब्राउज़र के अगले स्टेबल वर्शन में होंगी. इस दौरान नई सुविधाओं या हटाए गए कॉन्टेंट को आज़माया जा सकता है. इससे दुनिया भर में आपकी साइट के इस्तेमाल पर असर पड़ सकता है.
फ़रवरी में नए बीटा वर्शन Chrome 99 और Firefox 98 थे. Safari Beta 15.4 अब भी चल रहा है, मैंने पिछले महीने में शामिल कुछ चीज़ों के बारे में बात की है.
Chrome 99 में कैस्केड लेयर शामिल हैं, साथ ही कैस्केड लेयर्स Safari Beta 15.4 में भी हैं. हम जल्द ही सभी सदाबहार ब्राउज़र में इस सुविधा को देखने की उम्मीद कर सकते हैं.
साथ ही, Chrome 99 में CanvasRenderingContext2D
के लिए कई नए एट्रिब्यूट शामिल हैं. साथ ही, HTMLInputElement
पर एक नया showPicker()
तरीका, तारीख, समय, रंग, और फ़ाइलों के लिए ब्राउज़र पिकर दिखाने का एक तरीका है.
Firefox 98 में आपको <dialog>
एलिमेंट दिखेगा. Firefox और Safari के बीटा वर्शन के स्थिर होने पर, एक अन्य सुविधा सभी सदाबहार ब्राउज़र में उपलब्ध रहेगी.
बीटा वर्शन की ये सभी सुविधाएं, जल्द ही स्टेबल ब्राउज़र में उपलब्ध होंगी.
यह वेब सीरीज़ में नई सुविधा का हिस्सा है