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

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

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

जुलाई 2023 में, Firefox 115 और Chrome 115 स्टेबल हो गए. इस पोस्ट से पता चलता है कि वेब प्लैटफ़ॉर्म के लिए इसका क्या मतलब है.

सीएसएस display प्रॉपर्टी के लिए एक से ज़्यादा वैल्यू

Chrome 115 में सीएसएस display प्रॉपर्टी के लिए एक से ज़्यादा वैल्यू शामिल हैं. इसका मतलब है कि display: flex, display: block flex हो जाता है और display: block, display: block flow हो जाता है. सिंगल वैल्यू को लेगसी कीवर्ड के तौर पर बनाए रखा जाता है. ये वैल्यू अब तीन मुख्य इंजन में उपलब्ध हैं.

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

  • 115
  • 115
  • 70
  • 15

स्क्रोल करके चलने वाले ऐनिमेशन

साथ ही, Chrome 115 में वेब ऐनिमेशन के निर्देशों के लिए ScrollTimeline और ViewTimeline एक्सटेंशन हैं. इनकी मदद से, सीएसएस और JavaScript के ज़रिए स्क्रोल करके चलने वाले ऐनिमेशन चालू किए जा सकते हैं.

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

  • 115
  • 115
  • x
  • x

सोर्स

प्राइवसी सैंडबॉक्स एपीआई

Chrome 115 में शिप किए गए प्राइवसी सैंडबॉक्स के कितने काम का है और मेज़रमेंट एपीआई है. इनमें विषय, सुरक्षित ऑडियंस, एट्रिब्यूशन रिपोर्टिंग, प्राइवेट एग्रीगेशन, शेयर किया गया स्टोरेज, और फ़ेंस किए गए फ़्रेम के एपीआई शामिल हैं.

इन एपीआई के बारे में ज़्यादा जानने के लिए, प्राइवसी सैंडबॉक्स के डेमो देखें.

animation-composition प्रॉपर्टी

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

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

  • 112
  • 112
  • 115
  • 16

सोर्स

कलेक्शन के तरीके

साथ ही, Firefox 115 के साथ इंटरऑपरेबिलिटी तक पहुंचना, Array और TypedArray के लिए कई तरीकों का सेट है. Array.toReversed(), Array.toSorted(), Array.toSpliced(), Array.with(), TypedArrays.toReversed(), TypedArrays.toSorted(), और TypedArrays.with() एक नया अरे दिखाते हैं, जिसमें शैलो कॉपी किए गए एलिमेंट शामिल होते हैं.

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

  • 110
  • 110
  • 115
  • 16

सोर्स

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

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

Firefox 116, Android को छोड़कर सभी प्लैटफ़ॉर्म पर ऑडियो आउटपुट डिवाइस एपीआई के साथ काम करता है. यह एपीआई, वेब ऐप्लिकेशन को डिफ़ॉल्ट ब्राउज़र या ओएस के डिफ़ॉल्ट इस्तेमाल के बजाय, ऑडियो आउटपुट को अनुमति वाले ब्लूटूथ हेडसेट, स्पीकरफ़ोन या किसी दूसरे डिवाइस पर रीडायरेक्ट करने की अनुमति देता है.

Chrome 116 में सीएसएस मोशन पाथ शामिल है. इसकी मदद से डेवलपर के बताए गए पाथ पर किसी भी ग्राफ़िकल ऑब्जेक्ट को ऐनिमेट किया जा सकता है. इसकी मदद से, बदलाव करने की कई नई संभावनाएं मिलती हैं. जैसे, translate() फ़ंक्शन में इस्तेमाल होने वाले स्टैंडर्ड आयताकार निर्देशांक के बजाय, पोलर निर्देशांक (ray() फ़ंक्शन के साथ) का इस्तेमाल करके पोज़िशनिंग या किसी तय पाथ पर एलिमेंट को ऐनिमेट करना. इससे जटिल और सुंदर 2d स्पेशल ट्रांज़िशन को तय करना आसान हो जाता है. पाथ के बारे में circle(), ellipse(), rect(), inset(), xywh(), polygon(), ray(), और url() के तौर पर बताया जा सकता है.

साथ ही, Chrome 116 में Document पिक्चर-इन-पिक्चर एपीआई भी होता है. इससे, हमेशा सबसे ऊपर बनी रहने वाली एक विंडो चालू हो जाती है, जिसे आर्बिट्रेरी एचटीएमएल एलिमेंट से भरा जा सकता है. यह मौजूदा HTMLVideoElement API में से एक है, जो सिर्फ़ HTMLVideoElement को पिक्चर में पिक्चर (पीआईपी) विंडो में डालने की अनुमति देता है.

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