Chrome Dev Summit 2021 में किए गए सभी मुख्य एलान के बारे में जानकारी. साथ ही, ज़्यादा जानने के लिए लिंक.
इस पोस्ट में, Chrome Dev Summit 2021 में किए गए सभी मुख्य एलान शामिल हैं. साथ ही, ज़्यादा जानकारी पाने के लिए ज़रूरी लिंक भी दिए गए हैं.
वेब को ज़्यादा इंटरऑपरेबल बनाना
वेब डेवलपर के लिए, वेब की सुसंगतता सबसे बड़ी चुनौतियों में से एक है. इसलिए, Google अन्य ब्राउज़र वेंडर के साथ मिलकर, सुसंगतता से जुड़ी पांच मुख्य समस्याओं को ठीक करने पर काम कर रहा है:
फ़्लेक्सबॉक्स,
ग्रिड,
position: sticky,
aspect-ratio,
और ट्रांसफ़ॉर्म.
इस काम की वजह से, इन अहम क्षेत्रों में पहले ही सुधार हो चुके हैं. इनके बारे में साल 2021 के बीच में किए गए Compat अपडेट में पढ़ा जा सकता है.
वेब पर ऐप्लिकेशन की नई क्लास चलाने की अनुमति दें
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 के बारे में ज़्यादा जानकारी देने वाली ब्लॉग पोस्ट पढ़ें. इसके अलावा, यह वीडियो देखकर भी इस बारे में ज़्यादा जानकारी पाई जा सकती है कि इस सुविधा की मदद से, उन सुविधाओं को लागू करना मुमकिन हो पाया है जिन्हें कभी लागू करना मुश्किल माना जाता था.
आपको सुंदर और रिस्पॉन्सिव साइटें बनाने में मदद करना
नया रिस्पॉन्सिव डिज़ाइन, सिर्फ़ स्क्रीन या कंटेनर के साइज़ से कहीं ज़्यादा है. हमारे कोर्स Learn Design में, मॉडर्न रिस्पॉन्सिव साइटें बनाने का तरीका जानें. पहले पांच मॉड्यूल आज लॉन्च किए जा रहे हैं. बाकी मॉड्यूल आने वाले हफ़्तों में पोस्ट किए जाएंगे.
इस साल, Chrome और अन्य ब्राउज़र में नई सीएसएस प्रॉपर्टी जोड़ी गई हैं. इससे बेहतर अनुभव देना आसान हो गया है.
accent-color और size-adjust के बारे में ज़्यादा जानें.
नई सीएसएस का तुरंत फ़ायदा पाने के लिए, हमने लेआउट पैटर्न का एक सेट लॉन्च किया है. इनसे आपको कई सामान्य इंटरफ़ेस पैटर्न के लिए, एक मज़बूत शुरुआती पॉइंट मिलेगा.
वेब टेक्नोलॉजी के बारे में जानने के लिए कोर्स उपलब्ध कराना
हम Learn CSS के लिए नए मॉड्यूल लॉन्च कर रहे हैं. यह सीएसएस का हमारा पूरा कोर्स है, जिसे इस साल की शुरुआत में लॉन्च किया गया था. इसके अलावा, हम Learn Design के लिए भी नए मॉड्यूल लॉन्च कर रहे हैं.
हमने एक पूरा कोर्स भी तैयार किया है. इससे आपको काम करने वाले और ऐक्सेस किए जा सकने वाले फ़ॉर्म डिज़ाइन करने में मदद मिलेगी—फ़ॉर्म के बारे में जानें. इन कोर्स के साथ-साथ, आपको Learn PWA के शुरुआती कुछ मॉड्यूल भी मिलेंगे.