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

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

Rachel Andrew

स्थायी ब्राउज़र रिलीज़

अप्रैल 2023 में, Firefox 112 और Chrome 112 स्टेबल हो गए. आइए, देखते हैं कि वेब प्लैटफ़ॉर्म के लिए इसका क्या मतलब है.

inert एट्रिब्यूट

Firefox 112 में inert ग्लोबल एट्रिब्यूट शामिल है. यह एट्रिब्यूट, ब्राउज़र को एलिमेंट को अनदेखा करने के लिए कहता है. इससे पता चलता है कि वह कॉन्टेंट इंटरैक्टिव नहीं होना चाहिए. इससे:

  • click इवेंट को ट्रिगर होने से रोकता है.
  • एलिमेंट को फ़ोकस करने से रोकता है.
  • सुलभता ट्री में एलिमेंट और उसके कॉन्टेंट को शामिल न किया जाए.

इस एट्रिब्यूट को अब तीनों इंजन में इंटरऑपर किया जा सकता है.

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

  • 102
  • 102
  • 112
  • 75.5

सोर्स

linear() easing फ़ंक्शन

linear() ईज़िंग फ़ंक्शन, कई पॉइंट के बीच लीनियर इंटरपोलेशन को चालू करता है. यह बाउंस और इलास्टिक इफ़ेक्ट जैसे ज़्यादा जटिल एनिमेशन को चालू करता है. यह फ़ंक्शन Firefox 112 में है.

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

  • 113
  • 113
  • 112
  • 78 जीबी में से

सीएसएस नेस्टिंग

Chrome 112 में सीएसएस नेस्टिंग की सुविधा जोड़ी गई है. यह ऐसी सुविधा है जिसकी कई डेवलपर को उम्मीद है. इससे, नया नेस्टिंग सिलेक्टर > उपलब्ध होगा. इसका इस्तेमाल, Nest से जुड़े स्टाइल के नियमों को Nest करने के लिए किया जाएगा. इससे, प्री-प्रोसेसर का इस्तेमाल करने वाले डेवलपर को आसानी से जानकारी मिल पाएगी:

.nesting {
  color: hotpink;

  > .is {
    color: rebeccapurple;

    > .awesome {
      color: deeppink;
    }
  }
}

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

  • 120
  • 120
  • 117
  • 78 जीबी में से

सोर्स

सीएसएस animation-composition

Chrome 112 में animation-composition का इस्तेमाल भी किया जा सकता है. ऐनिमेशन कंपोज़िशन के साथ एक से ज़्यादा ऐनिमेशन इफ़ेक्ट बनाने का तरीका बताएं में जानें कि यह प्रॉपर्टी कैसे काम करती है.

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

  • 112
  • 112
  • 115
  • 16

सोर्स

बिना ग्राफ़िक यूज़र इंटरफ़ेस वाला नया मोड

अगर Chrome के बिना ग्राफ़िक यूज़र इंटरफ़ेस वाले मोड का इस्तेमाल किया जाता है, जैसे कि Puppeteer के साथ, तो 112 में बिना ग्राफ़िक यूज़र इंटरफ़ेस वाला नया मोड आ जाता है. इसके बारे में जानने के लिए, Chrome के हेडलेस मोड को अपग्रेड किया जा सकता है.

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

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

Firefox 113 में color(), lab(), lch(), oklab(), और oklch() फ़ंक्शन शामिल हैं. साथ ही, इसमें सीएसएस कलर 5 का color-mix() फ़ंक्शन और forced-color-adjust प्रॉपर्टी भी शामिल है.

Firefox में nth-child of <selector> सिंटैक्स भी शामिल होता है. इससे यह बेहतर तरीके से कंट्रोल किया जा सकता है कि आपको कौनसे एलिमेंट चुनने हैं. ज़्यादा जानकारी के लिए, S सिंटैक्स की मदद से :nth-child() चुनने पर ज़्यादा कंट्रोल पाएं.

सीएसएस के लिए, Chrome 113 में overflow-inline, overflow-block, और update मीडिया सुविधाएं शामिल हैं. यह linear() ईज़िंग फ़ंक्शन में भी शामिल है. साथ ही, यह बिना प्रीफ़िक्स वाले image-set() टाइप में भी शामिल है.

Chrome 113 में WebGPU भी शामिल है, जो वेब के लिए WebGL और WebGL 2 2 ग्राफ़िक API का उत्तराधिकारी है. इसमें कई मॉडर्न सुविधाएं मिलती हैं, जैसे कि जीपीयू कंप्यूट, जीपीयू हार्डवेयर का कम ऐक्सेस, एक ही ग्राफ़िक डिवाइस से कई कैनवस पर रेंडर करने की सुविधा, और बेहतर और अनुमानित परफ़ॉर्मेंस.

यह वेब सीरीज़ में नई सुविधा का हिस्सा है