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

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

Rachel Andrew

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

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

Chrome 98 में self.structuredClone तरीका जोड़ा गया है. यह स्ट्रक्चर्ड क्लोन एल्गोरिदम का इस्तेमाल करके, किसी वैल्यू का डीप क्लोन बनाता है. structuredClone() के बारे में ज़्यादा जानें.

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

• 98
• 98
• 94
• 15.4

सोर्स

Firefox 97 में कैस्केड लेयर शामिल हैं. @layer के नियम के हिसाब से कैस्केड की लेयर तय की जाती है, ताकि आप एट्रिब्यूट को कंट्रोल करने में मदद कर सकें.

@layer framework {
  /* creates a new layer named framework */
}

Firefox, रिलीज़ वर्शन में इस सुविधा को उपलब्ध कराने वाला पहला ब्राउज़र है. हालांकि, बीटा रिलीज़ सेक्शन में इस पोस्ट को पढ़ें. ऐसा इसलिए, क्योंकि यह सुविधा जल्द ही सभी जगह उपलब्ध हो जाएगी. आपके ब्राउज़र में कैस्केड लेयर की सुविधा आ रही है लेख में, कैस्केड लेयर के बारे में ज़्यादा जानें.

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

• 99
• 99
• 97
• 15.4

सोर्स

Firefox में scrollbar-gutter प्रॉपर्टी भी दिखती है. इस प्रॉपर्टी की मदद से, कॉन्टेंट बढ़ने पर दिखने वाले स्क्रोलबार की वजह से होने वाले लेआउट शिफ़्ट को हटाया जा सकता है.

स्क्रोलबार गटर, अंदरूनी बॉर्डर किनारे और बाहरी पैडिंग किनारे के बीच का स्पेस होता है. ज़रूरत पड़ने पर, स्क्रोलबार यहां दिखेगा. अगर स्क्रोलबार मौजूद नहीं है, तो गटर पैडिंग के एक्सटेंशन के तौर पर दिखता है. नीचे दी गई सीएसएस, बॉक्स के दोनों तरफ़ स्क्रोलबार के साइज़ के हिसाब से स्पेस जोड़ देगी, ताकि बॉक्स का साइज़ एक जैसा रहे.

.container {
  scrollbar-gutter: stable both-edges;
}

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

• 94
• 94
• 97
• 

सोर्स

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

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

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

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

फ़रवरी में, Chrome 99 और Firefox 98 नए बीटा वर्शन इस्तेमाल किए गए थे. Safari के बीटा वर्शन 15.4 को टेस्ट किया जा रहा है. मैंने पिछले महीने, इसमें शामिल कुछ चीज़ों के बारे में बताया था.

Chrome 99 में कैस्केड लेयर की सुविधा शामिल है. Safari Beta 15.4 में भी कैस्केड लेयर की सुविधा है. इसलिए, हमें उम्मीद है कि यह सुविधा जल्द ही सभी ब्राउज़र में उपलब्ध हो जाएगी.

Chrome 99 में CanvasRenderingContext2D के लिए कई नए एट्रिब्यूट भी हैं. साथ ही, HTMLInputElement पर showPicker() का एक नया तरीका है. यह तारीख, समय, रंग, और फ़ाइलों के लिए ब्राउज़र पिकर दिखाने का एक तरीका है.

Firefox 98 में, आपको <dialog> एलिमेंट दिखेगा. एक अन्य सुविधा जो Firefox और Safari के बीटा के स्थिर हो जाने पर सभी सदाबहार ब्राउज़र में होगी.

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

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