Chrome Dev Summit 2021 में लॉन्च की गई सभी सुविधाओं के बारे में जानकारी

Chrome Dev Summit 2021 में किए गए सभी अहम एलान के बारे में खास जानकारी. साथ ही, ज़्यादा जानकारी के लिए लिंक.

इस पोस्ट में, Chrome डेवलपर समिट 2021 के सभी अहम एलान के बारे में बताया गया है. साथ ही, ज़्यादा जानकारी के लिए लिंक भी दिए गए हैं.

वेब को ज़्यादा इंटरऑपरेबल बनाना

वेब डेवलपर के लिए, वेब के साथ काम करने की सुविधा सबसे बड़ी चुनौतियों में से एक है. इसलिए, Google अन्य ब्राउज़र वेंडर के साथ मिलकर, वेब के साथ काम करने की सुविधा से जुड़ी पांच मुख्य समस्याओं को ठीक करने पर काम कर रहा है: फ़्लेक्सबॉक्स, ग्रिड, position: sticky, aspect-ratio, और ट्रांसफ़ॉर्म.

इस काम की वजह से, इन अहम क्षेत्रों में पहले से ही सुधार हुए हैं. इन अपडेट के बारे में Compat 2021 के मध्य में किए गए अपडेट में पढ़ा जा सकता है.

वेब पर ऐप्लिकेशन की नई क्लास चलाने की अनुमति देना

Project Fugu का मकसद, वेब पर ऐप्लिकेशन की नई क्लास को अनुमति देना है. fugu-tracker.web.app पर जाकर, Fugu API की प्रोग्रेस के बारे में अप-टू-डेट जानकारी पाएं.

Adobe ने हाल ही में एलान किया था कि वह Photoshop को वेब पर उपलब्ध कराएगा. ऐसा Adobe, Google, और वेब स्टैंडर्ड से जुड़े संगठनों के साथ मिलकर किया है. ज़्यादा जानकारी के लिए, Photoshop के वेब वर्शन के बारे में जानकारी पोस्ट पढ़ें.

निजता बनाए रखना

वेब के कई सामान्य फ़ंक्शन, तीसरे पक्ष की कुकी और क्रॉस-साइट ट्रैकिंग के अन्य तरीकों पर निर्भर करते हैं. इन्हें निजता को ध्यान में रखकर डिज़ाइन नहीं किया गया था. इस वजह से, डेवलपर के लिए निजता की बढ़ती ज़रूरतों को पूरा करना मुश्किल हो जाता है.

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

इस काम के बारे में Privacy Sandbox साइट पर जानें. हमारे पास डेवलपर के लिए सुझावों की जानकारी और गाइड, हर महीने के अपडेट या बदलावों और प्रोग्रेस, और उपयोगकर्ता-एजेंट स्ट्रिंग में बदलावों के लिए टाइमलाइन और टेस्टिंग की जानकारी भी है.

वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी को बेहतर बनाना

हम वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी वाली मेट्रिक को बेहतर बनाने के लिए, लोकप्रिय JavaScript फ़्रेमवर्क के डेवलपर के साथ काम कर रहे हैं. इस काम के दौरान, हमने दो नई मेट्रिक की पहचान की है. हमें इनके बारे में आपका सुझाव या राय चाहिए. कुल मिलाकर रिस्पॉन्स और सुविधा के बारे में पढ़ें. इसके बाद, हमें बताएं कि आपका अनुभव कैसा रहा.

साथ ही, PageSpeed Insights का अपडेट किया गया वर्शन, Chrome DevTools के लिए नया रिकॉर्डर पैनल, जो फ़िलहाल Canary में उपलब्ध है, और Lighthouse के लिए नया उपयोगकर्ता फ़्लो एपीआई भी लॉन्च किया गया है.

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

RenderingNG, Chromium के रेंडरिंग इंजन को फिर से डिज़ाइन करने का एक बड़ा प्रोजेक्ट है. इससे Chrome में लंबे समय से मौजूद गड़बड़ियों को ठीक किया जा रहा है. साथ ही, नई सुविधाएं भी जोड़ी जा रही हैं. इसमें एक ऐसी सुविधा शामिल है जिसका अनुरोध वेब डेवलपर कई सालों से कर रहे थे—कंटेनर क्वेरी.

रिस्पॉन्सिव डिज़ाइन बनाने के लिए, मीडिया क्वेरी का इस्तेमाल करने वाले लोगों को कंटेनर क्वेरी आसानी से समझ आती हैं. हालांकि, व्यूपोर्ट के साइज़ के बारे में क्वेरी करने के साथ-साथ, इनकी मदद से उस कंटेनर के साइज़ के बारे में भी क्वेरी की जा सकती है जिसमें आपका कॉम्पोनेंट मौजूद है. Google, Chrome में #enable-container-queries फ़्लैग के पीछे, नए स्पेसिफ़िकेशन को आज़माने पर काम कर रहा है.

RenderingNG के बारे में पूरी जानकारी देने वाली ब्लॉग पोस्ट पढ़ें या यह वीडियो देखें. इससे आपको यह जानने में मदद मिलेगी कि इस काम से, ऐसी सुविधाओं को लागू करने में कैसे मदद मिलती है जिनके बारे में पहले यह माना जाता था कि उन्हें लागू करना असंभव है.

खूबसूरत और रिस्पॉन्सिव साइटें बनाने में मदद मिलती है

नया रिस्पॉन्सिव डिज़ाइन, सिर्फ़ स्क्रीन या कंटेनर के साइज़ से ज़्यादा है. डिज़ाइन सीखें कोर्स में, आधुनिक रिस्पॉन्सिव साइटें बनाने का तरीका जानें. पहले पांच मॉड्यूल आज लॉन्च किए गए हैं. बाकी मॉड्यूल आने वाले हफ़्तों में पोस्ट किए जाएंगे.

इस साल, Chrome और अन्य ब्राउज़र में नई सीएसएस प्रॉपर्टी लॉन्च की गई हैं. इससे, बेहतरीन अनुभव देने वाले पेज बनाना आसान हो गया है. accent-color और size-adjust के बारे में ज़्यादा जानें.

नई सीएसएस का फ़ायदा तुरंत पाने के लिए, हमने लेआउट पैटर्न का एक सेट लॉन्च किया है. इनसे आपको कई सामान्य इंटरफ़ेस पैटर्न के लिए, शुरुआत करने में मदद मिलेगी.

वेब टेक्नोलॉजी सीखने में मदद करने के लिए कोर्स उपलब्ध कराना

'डिज़ाइन सीखें' के अलावा, हम सीएसएस सीखें के लिए नए मॉड्यूल लॉन्च कर रहे हैं. यह कोर्स, सीएसएस के बारे में पूरी जानकारी देने वाला कोर्स है, जिसे इस साल की शुरुआत में लॉन्च किया गया था.

हमने एक पूरा कोर्स भी तैयार किया है, जिससे आपको काम के और सुलभ फ़ॉर्म डिज़ाइन करने में मदद मिलेगी—फ़ॉर्म के बारे में जानें. इन कोर्स के साथ-साथ, आपको PWA के बारे में जानें के शुरुआती कुछ मॉड्यूल भी मिल सकते हैं.