Interop 2022 और Interop 2023 की सफलता के बाद, हमें इस बात की खुशी है कि हम सभी प्रमुख ब्राउज़र वेंडर और अन्य ज़रूरी हिस्सेदारों के साथ एक बार फिर से साथ मिलकर काम करना शुरू करेंगे. हमारा मकसद, वेब प्लैटफ़ॉर्म के बीच इंटरऑपरेबिलिटी को बेहतर बनाना है. इससे डेवलपर के काम को आसान बनाया जा सकता है और इंटरनेट इस्तेमाल करने वाले लोगों को बेहतर अनुभव दिया जा सकता है.
इंटरऑप, मूल रूप से परीक्षणों और मानदंड की एक व्यापक शृंखला है, जिसे वेब मानकों के प्रति हमारी प्रतिबद्धता के आधार पर अलग-अलग ब्राउज़र के अनुपालन का मूल्यांकन करने के लिए डिज़ाइन किया गया है. आखिरकार, इंटरऑप ब्राउज़र के बीच के अंतर को खत्म करने और इंडस्ट्री में एक यूनिफ़ाइड विज़न को बढ़ावा देने की कोशिश करता है.
इंटरऑप 2024 के लिए, सुविधाओं की शुरुआती सूची तैयार करने के लिए एक सार्वजनिक प्रस्ताव प्रक्रिया तय की गई थी. उस सूची से, सभी पक्षों ने साथ मिलकर 2024 के लिए फ़ोकस क्षेत्रों की सूची बनाने के लिए काम किया. इस सूची में वे क्षेत्र दिए गए हैं जहां हमें उम्मीद है कि साल के आखिर तक, चुनिंदा टेस्ट में से 100% टेस्ट पास हो जाएंगे.
साल 2024 में किए जाने वाले सभी अहम विषय
इंटरऑप 2024 में 12 नए क्षेत्र शामिल हैं. साथ ही, 2023 से पांच के लिए काम करने पर भी ध्यान दिया जाएगा. हालांकि, उनमें कुछ सुधार होना बाकी है. ये क्षेत्र हैं:
- सुलभता
- सीएसएस नेस्टिंग
- कस्टम प्रॉपर्टी
- डिक्लेरेटिव शैडो डीओएम
- font-size-adjust
- WebSocket के लिए एचटीटीपीएस यूआरएल
- IndexedDB
- लेआउट
- पॉइंटर और माउस इवेंट
- पॉपओवर
- रिलेटिव कलर सिंटैक्स
- requestVideoFrameCallback
- स्क्रोलबार स्टाइल
- @starting-style और ट्रांज़िशन-व्यवहार
- टेक्स्ट की दिशा
- टेक्स्ट-रैप: बैलेंस
- यूआरएल
फ़ोकस वाली सभी चीज़ों की जानकारी देखने के लिए, इंटरऑप 2024 डैशबोर्ड पर जाएं. यहां हर ब्राउज़र के मौजूदा स्कोर के साथ-साथ सुविधाओं और काम की जानकारी दिखती है. इस लेख के बाकी हिस्से में, आपको कुछ ऐसे क्षेत्रों के बारे में पता चलेगा जहां 100% पहुंचने के लिए Chrome को सबसे ज़्यादा काम करने की ज़रूरत है.
नेस्ट करना
सीएसएस नेस्टिंग मॉड्यूल, नेस्टिंग सिलेक्टर के लिए एक सिंटैक्स के बारे में जानकारी देता है. इससे किसी एक स्टाइल नियम को दूसरे में नेस्ट किया जा सकता है. इससे पैरंट नियम के सिलेक्टर के मुकाबले चाइल्ड नियम चुनने वाला टूल मौजूद होता है.
सीएसएस नेस्टिंग, Sass जैसे सीएसएस प्रीप्रोसेसर से अलग होती है, क्योंकि इसे सीएसएस प्रीप्रोसेसर की मदद से पहले से कंपाइल किए जाने के बजाय, ब्राउज़र से पार्स किया जाता है.
सीएसएस नेस्टिंग से सीएसएस स्टाइलशीट को पढ़ने लायक, मॉड्यूलरिटी, और बनाए रखने में मदद मिलती है. साथ ही, इससे सीएसएस फ़ाइलों का साइज़ कम हो सकता है, जिससे उपयोगकर्ताओं के डाउनलोड किए जाने वाले डेटा की मात्रा कम हो जाती है.
वैसे तो सभी ब्राउज़र पर सीएसएस नेस्टिंग काम करते हैं, लेकिन स्पेसिफ़िकेशन में हुए बदलावों की वजह से, लागू करने के तरीके में कुछ अंतर हैं. इंटरऑप 2024 के दौरान, इसका मकसद यह पक्का करना होता है कि सभी ब्राउज़र मौजूदा शर्तों का पालन करते हों.
सीएसएस नेस्टिंग के बारे में ज़्यादा जानें. साथ ही, स्पेसिफ़िकेशन में किए गए उस बदलाव के बारे में जानें जिससे न दिखने वाले एलिमेंट टैग के नामों को नेस्ट करने की सुविधा चालू होती है.
टेक्स्ट-रैप: बैलेंस
सीएसएस text-wrap प्रॉपर्टी की बैलेंस वैल्यू ब्राउज़र को बताती है कि आप उसे टेक्स्ट की लाइनों के बीच बैलेंस रखना चाहते हैं. टाइपोग्राफ़िक विधवाओं से बचने के लिए, आम तौर पर इसका इस्तेमाल हेडिंग या छोटे टेक्स्ट वाले अन्य सेक्शन में किया जाता है.
इस प्रॉपर्टी के लंबे और शॉर्टहैंड वर्शन अलग-अलग ब्राउज़र पर काम करते हैं. इंटरऑप 2024 के दौरान, हमारा मकसद इन इंटरऑपरेबल को बनाना है.
हेडलाइन और छोटे टेक्स्ट वाले अन्य सेक्शन के बीच बैलेंस बनाने की सुविधा का इस्तेमाल करने वाले डेवलपर अक्सर इसका अनुरोध करते हैं. इसके बारे में ज़्यादा जानने के लिए, सीएसएस टेक्स्ट-रैप: बैलेंस में जाएं, वेब पर टाइपिंग टेक्नोलॉजी वाले विडो की जानकारी या टेक्स्ट-रैप के साथ सीएसएस टेक्स्ट बैलेंसिंग: बैलेंस पोस्ट करें.
WebSocket के लिए एचटीटीपी यूआरएल
WebSocket कंस्ट्रक्टर को मूल रूप से ws: और wss: यूआरएल की ज़रूरत थी, ताकि इससे मिलते-जुलते यूआरएल का इस्तेमाल न किया जा सके. साथ ही, इससे मिलने वाले वैकल्पिक कोड को भी रोका जा सके.
एचटीटीपी स्कीम और इससे मिलते-जुलते यूआरएल को अनुमति देने के लिए, जानकारी को अपडेट किया गया है.
इन शर्तों को ws: और wss: के लिए नॉर्मलाइज़ किया गया है.
इंटरऑप 2024 के दौरान, हम http(s) स्कीम के काम करने के लिए, लागू करने की अपनी प्रोसेस को अपडेट करेंगे.
रिलेटिव कलर सिंटैक्स
रिलेटिव कलर सिंटैक्स सीएसएस कलर 5 स्पेसिफ़िकेशन में बताया गया है. यह सीएसएस में कलर में बदलाव करने का तरीका देता है. उदाहरण के लिए, किसी रंग को गहरा, हल्का या फीका करना.
रिलेटिव कलर सिंटैक्स मोटे तौर पर इंटरऑपरेबल है,
लेकिन ब्राउज़र ने currentcolor कीवर्ड लागू नहीं किया है.
ये टेस्ट, इंटरऑप 2024 में शामिल किए गए हैं.
इस सुविधा की मदद से किए जा सकने वाले सभी कामों के बारे में जानने के लिए, सीएसएस रिलेटिव कलर सिंटैक्स में जाएं.
इंटरऑप 2024 डैशबोर्ड
पिछले सालों की तरह ही, एक्सपेरिमेंटल और स्टेबल ब्राउज़र रिलीज़ के मौजूदा स्कोर को डैशबोर्ड पर पब्लिश किया जाएगा, ताकि आप देख सकें कि कैसे स्कोर बन रहे हैं.
हम यह देखने के लिए उत्साहित हैं कि इस साल जिन क्षेत्रों में काम किया जा सकता है उनमें कितना सुधार किया जा सकता है.