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

साल 2021 में हुए Chrome Dev सम्मेलन के सभी अहम एलानों का राउंडअप. इसमें ऐसे लिंक भी दिए गए हैं जिनके बारे में आपको ज़्यादा जानकारी चाहिए.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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