उन सुविधाओं के बारे में जानें जो 2022 में इंटरऑपरेबल (दूसरे सिस्टम के साथ काम करने वाली) होंगी.
हमने साल के आखिर में वेब प्लैटफ़ॉर्म की इंटरऑपरेबिलिटी को बेहतर बनाने के लिए साथ मिलकर काम किया. अब ब्राउज़र की वजह से हुए सुधारों पर एक नज़र डालें. इसकी शुरुआत होने के बाद, इस साल मार्च में हमारी पोस्ट में बताया गया कि इस पहल की शुरुआत कैसे हुई.
साल के आखिर में मिले कुल स्कोर से पता चलता है कि सभी इंजन की परफ़ॉर्मेंस में काफ़ी सुधार हुआ है.
इस पोस्ट में, साल 2022 में हुई प्रोग्रेस के बारे में जानें. हेडलाइन की इन सुविधाओं के अलावा, सभी इंजन ने और भी कई छोटे सुधार किए हैं. हमने ऐसी छोटी-मोटी समस्याओं को ठीक कर दिया है जिनकी वजह से इंजन के बीच में अंतर आ सकता था. साथ ही, कार को डेवलप करने के दौरान कार खराब हो सकती थी. क्रॉस-ब्राउज़र उपलब्ध बड़ी सुविधाओं को देखना वाकई रोमांचक है, लेकिन कभी-कभी ऐसी छोटी चीज़ें होती हैं जो सबसे बड़ी समस्याएं पैदा करती हैं और यह देखना बहुत अच्छा लगता है कि कितना सुधार किया गया है.
लेयर कैस्केड करें
कैस्केड लेयर की मदद से, सिलेक्टर को लेयर में ग्रुप करके कैस्केड को मैनेज किया जा सकता है. यह एक ऐसी सुविधा है जो सिर्फ़ तब काम आती है, जब वह हर जगह काम करती है. सभी प्रमुख इंजन अब कैस्केड लेयर का समर्थन करते हैं और सभी ब्राउज़र के स्कोर दिखाते हैं कि यह सुविधा कितनी इंटरऑपरेबल है, और Firefox में पास होने के लिए बस कुछ टेस्ट बचे हैं.
डायलॉग एलिमेंट
डायलॉग एलिमेंट की मदद से, मोडल और नॉन-मोडल डायलॉग बनाए जा सकते हैं. यह वेब पर एक सामान्य पैटर्न है और इस एलिमेंट का इस्तेमाल करने से आपको उपयोगिता और सुलभता मिलती है. अगर ऐसा नहीं होता है, तो आपको अपने कॉम्पोनेंट बनाते समय इसे डेवलप और टेस्ट करना पड़ता है. डायलॉग कॉम्पोनेंट बनाना लेख में, एडम आर्गील ने बताया है कि अलग-अलग तरह के डायलॉग बनाने के लिए, इस एलिमेंट के ऊपर कैसे बनाए जाएं.
सबग्रिड
साल 2022 की शुरुआत में, grid-template-rows
और grid-template-columns
के लिए subgrid
वैल्यू के साथ काम करने वाला सिर्फ़ Firefox ब्राउज़र था. साल 2022 में, Safari ने पूरी तरह से काम करना शुरू कर दिया था. Chrome में इस सुविधा पर काम चल रहा है. हालांकि, इंटरऑपरेबिलिटी के लिए, साल के आखिर की समयसीमा खत्म होने वाली है, लेकिन यह जल्द ही होने वाला है.
व्यूपोर्ट इकाइयां
सिर्फ़ व्यूपोर्ट यूनिट ही वह सुविधा है जिसने सभी इंजन के 100% टेस्ट पास किए हैं. इसमें छोटे और बड़े व्यूपोर्ट के कॉन्सेप्ट शामिल होते हैं. डिवाइस के यूज़र इंटरफ़ेस (यूआई) एलिमेंट के दिखने और गायब होने पर, मोबाइल पर व्यूपोर्ट के बदलते साइज़ पर इसका असर पड़ता है. बड़ी, छोटी, और डाइनैमिक व्यूपोर्ट यूनिट की पोस्ट में, इन यूनिट के बारे में ज़्यादा जानकारी पाई जा सकती है.
ब्राउज़र सहायता
- 108
- 108
- 101
- 15.4
रंग 4
कलर वर्क के इस कलेक्शन की मदद से, सीएसएस न सिर्फ़ हाई डेफ़िनिशन गैमट (उदाहरण के लिए, डिसप्ले p3, rec2020) में रंग तय कर सकती है, बल्कि ऐसे नए कलर फ़ंक्शन भी उपलब्ध कराती है जिनमें रंग के साथ काम करने के लिए यूनीक सुविधाएं हैं. नए कलर स्पेस lch()
, oklch()
, lab()
, oklab()
, display-p3
, rec2020
, a98-rgb
, prophoto-rgb
, xyz
, xyz-d50
, xzy-d65
हैं: इस फ़्लैग को चालू करके आज ही इन्हें कैनरी में आज़माएं. ये बदलाव, ग्रेडिएंट पर भी लागू होते हैं. इससे लेखक यह तय कर पाते हैं कि उनके ग्रेडिएंट, किस कलरस्पेस का इस्तेमाल कर रहे हैं. एक ही फ़्लैग, color-mix()
की मदद से भी काम करता है. इससे आपको अपनी पसंद की जगह में दो रंगों को एक साथ मिलाया जा सकता है. Safari और Firefox में भी color-mix() फ़ंक्शन को फ़्लैग किया जाता है. ज़्यादा रंग, बेहतर रंग, बेहतर ग्रेडिएंट, और बेहतर टूल.
इंटरऑप 2023
हमें उम्मीद है कि आपको यह जानकर खुशी होगी कि साल 2022 के आखिर तक हम इसे नहीं रोकना चाहते. साथ ही, इंटरऑप 2023 ने अपनी तैयारी शुरू कर दी है. नए साल में हम उन सुविधाओं के बारे में बता पाएंगे जिन्हें चुना गया है. आने वाले साल में, हम आने वाले समय में और भी सुविधाएं उपलब्ध होने का इंतज़ार कर रहे हैं, ताकि वेब के लिए अपने ऐप्लिकेशन को डेवलप करना आसान हो जाए.
हीरो इमेज, इयन श्नाइडर की ओर से.