साथ मिलकर, एक बेहतर वेब बनाना
हम आपको ऐसी वेबसाइटें बनाने में मदद करना चाहते हैं जो अच्छी दिखें, सभी के लिए ऐक्सेस की जा सकें, तेज़ी से काम करें, और सुरक्षित हों. साथ ही, ये वेबसाइटें सभी ब्राउज़र पर काम करें. इस साइट पर, वेब डेवलपर के लिए कॉन्टेंट उपलब्ध है. इस कॉन्टेंट को Chrome की टीम के सदस्य और वेब डेवलपमेंट के विशेषज्ञ लिखते हैं. वे विशेषज्ञ, वेब डेवलपमेंट से जुड़े विषयों जैसे कि सुलभता, परफ़ॉर्मेंस, डिज़ाइन वगैरह के बारे में जानकारी देते हैं.
एआई और वेब
एआई की मदद से, बेहतर परफ़ॉर्म करने वाले और वेब पर पहले से मौजूद अनुभवों को समझने और बनाने में आपकी मदद करने के लिए बनाए गए संसाधनों के बारे में जानें.
Optimize INP
पेज के रिस्पॉन्स में लगने वाला समय (आईएनपी) अब वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक है. अपनी साइट के INP को मेज़र और ऑप्टिमाइज़ करना शुरू करें.
पेमेंट और आइडेंटिटी
पहचान और पेमेंट प्रोसेसिंग से जुड़ी नई सुविधाओं और सबसे सही तरीकों के बारे में पढ़ें.
वेब प्लैटफ़ॉर्म को एक्सप्लोर करना
वेब प्लैटफ़ॉर्म, ब्राउज़र की सुविधाओं और एपीआई का एक ऐसा ईकोसिस्टम है जो लगातार बेहतर होता जा रहा है. इससे डेवलपर को ऐसी वेबसाइटें बनाने में मदद मिलती है जिन्हें इस्तेमाल करना आसान और मज़ेदार हो. इन पेजों पर, web.dev के वेब प्लैटफ़ॉर्म के हर हिस्से के बारे में जानकारी दी गई है. इसे अपनी सुविधा के हिसाब से पढ़ा जा सकता है.
HTML
एचटीएमएल, वेब की दस्तावेज़ लेयर है. यह पेजों के लिए स्ट्रक्चर और सिमेंटिक उपलब्ध कराती है.
CSS
सीएसएस, वेब की प्रज़ेंटेशन लेयर होती है. इसकी मदद से, अपने वेब पेजों को अपनी पसंद के मुताबिक बनाया जा सकता है.
JavaScript
JavaScript, वेब पेजों को ज़्यादा इंटरैक्टिव बनाती है. इसलिए, ऐसी वेबसाइटें बनाई जा सकती हैं जो उपयोगकर्ताओं को टास्क पूरे करने और लक्ष्यों को हासिल करने में मदद करती हैं.
वेब प्लैटफ़ॉर्म के बारे में जानकारी
क्या आपने इससे पहले वेब प्लैटफ़ॉर्म का इस्तेमाल नहीं किया है? हम आपको सारी जानकारी उपलब्ध कराएंगे! हर लेयर के बारे में ज़्यादा जानें. साथ ही, एचटीएमएल, सीएसएस, और JavaScript के बारे में शुरुआती जानकारी पाने के लिए खास तौर पर तैयार किए गए कोर्स देखें.
कोर्स
सीएसएस सीखना
सीएसएस के लिए एक गाइड, जिसमें सुलभता से लेकर z-index तक सभी चीज़ें कवर की गई हैं.
वेब डेवलपमेंट से जुड़ी खबरों के बारे में अप-टू-डेट रहना
वेब डेवलपमेंट से जुड़ी नई खबरें जानने के लिए, हमारा ब्लॉग पढ़ें. इसमें वेब प्लैटफ़ॉर्म की नई सुविधाओं, बेसलाइन, एआई, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी वगैरह से जुड़े अपडेट शामिल हैं.
बेसलाइन
Baseline से जुड़े नए अपडेट और खबरों के बारे में जानें.
मार्च 2026 के लिए, हर महीने मिलने वाला Baseline का डाइजेस्ट
मार्च 2026 में, Baseline के साथ हुई अलग-अलग गतिविधियों के बारे में पढ़ें.
फ़रवरी 2026 के लिए, बेसलाइन के बारे में जानकारी देने वाला हर महीने का डाइजेस्ट
फ़रवरी 2026 में, Baseline के साथ हुई अलग-अलग गतिविधियों के बारे में पढ़ें.
जनवरी 2026 के लिए, बेसलाइन के बारे में जानकारी देने वाला हर महीने का डाइजेस्ट
जनवरी 2026 में, Baseline से जुड़ी अलग-अलग गतिविधियों के बारे में पढ़ें.
दिसंबर 2025 के लिए, Baseline के बारे में जानकारी देने वाला हर महीने का डाइजेस्ट
दिसंबर 2025 में, Baseline के साथ हुई अलग-अलग गतिविधियों के बारे में पढ़ें.
सीएसएस और यूज़र इंटरफ़ेस (यूआई) डिज़ाइन
अपने काम में इस्तेमाल करने के लिए, नई सलाह और तकनीकों के बारे में अभी जानें.
सीएसएस का इस्तेमाल करके, टाइपोग्राफ़ी को उपयोगकर्ता की पसंद के मुताबिक बनाना
उपयोगकर्ताओं की पसंद के मुताबिक फ़ॉन्ट बनाएं, ताकि वे आपका कॉन्टेंट आसानी से पढ़ सकें.
सभी प्रमुख इंजन में नए सीएसएस कलर स्पेस और फ़ंक्शन
अब सभी मुख्य इंजन, नए सीएसएस कलर स्पेस और फ़ंक्शन का इस्तेमाल करते हैं. जानें कि कैसे वे आपके डिज़ाइन में जान डाल सकते हैं.
सोर्स मैप क्या होते हैं?
सोर्स मैप की मदद से, वेब डीबग करने के अनुभव को बेहतर बनाएं.
सीएसएस का सबग्रिड
सबग्रिड अब सभी तीन मुख्य इंजन में इंटरऑपरेबल है. इसके इस्तेमाल का तरीका जानें.
Core Web Vitals
वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी और अन्य मेट्रिक को समझकर, तेज़ी से वेबसाइटें और ऐप्लिकेशन बनाएं.
वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक को बेहतर बनाने के सबसे असरदार तरीके
वेबसाइट की Core Web Vitals परफ़ॉर्मेंस को ऑप्टिमाइज़ करने के सबसे सही तरीकों का कलेक्शन. ये तरीके, वेब की स्थिति के आधार पर तय किए जाते हैं.
आईएनपी को ऑप्टिमाइज़ करने का तरीका
इंटरैक्शन टू नेक्स्ट पेंट मेट्रिक को ऑप्टिमाइज़ करने का तरीका जानें.
एलसीपी को ऑप्टिमाइज़ करने के तरीके के बारे में आम तौर पर होने वाली गलतफ़हमियां
इमेज ऑप्टिमाइज़ेशन के अलावा, टाइम टू फ़र्स्ट बाइट और संसाधन लोड होने में लगने वाले समय जैसे अन्य फ़ैक्टर पर ध्यान देकर, सबसे बड़े एलिमेंट को रेंडर करने में लगने वाला समय को ऑप्टिमाइज़ करने के बारे में आम तौर पर होने वाली गलतफ़हमियों को दूर करें.
फ़ील्ड में, वेबसाइट की परफ़ॉर्मेंस की जानकारी को मेज़र करने के सबसे सही तरीके
वेब वाइटल्स को तेज़ी से और भरोसेमंद तरीके से इकट्ठा करने और रिपोर्ट करने के लिए दिशा-निर्देश.
प्रोग्रेसिव वेब ऐप्लिकेशन
सक्षम वेब अनुभव बनाएं.
PWA के बारे में जानकारी
एक कोर्स, जो आधुनिक प्रोग्रेसिव वेब ऐप्लिकेशन डेवलपमेंट के हर पहलू को बांटता है.
TransformStream अब क्रॉस ब्राउज़र पर काम करता है.
अब जब Safari, Firefox, और Chrome पर ट्रांसफ़ॉर्म स्ट्रीम को स्ट्रीम किया जा सकता है, तो वे प्राइम टाइम के लिए तैयार हैं.
शानदार ऐप के लिए नए पैटर्न
शानदार ऐप्लिकेशन के लिए नए पैटर्न के शानदार कलेक्शन को आज़माएं. इनमें क्लिपबोर्ड पैटर्न, फ़ाइल पैटर्न, और बेहतर ऐप्लिकेशन पैटर्न शामिल हैं.
Project Fugu API शोकेस
Chrome Developers साइट पर, क्षमताओं के एपीआई एक्सप्लोर करें.
सभी के लिए सुलभ है
अपनी साइटों को दिव्यांग लोगों के लिए ज़्यादा से ज़्यादा ऐक्सेस करने लायक बनाने का तरीका जानें, चाहे वे हमेशा के लिए हों, कुछ समय के लिए हों या स्थिति के हिसाब से हों.
सुलभता के बारे में जानकारी
सुलभता से जुड़े विषयों के लिए, हमारा नया कोर्स एक बेहतरीन एंट्री पॉइंट और रेफ़रंस है.
वेब डिज़ाइन के रंग कंट्रास्ट की जांच करना
आपके डिज़ाइन के ऐक्सेस किए जा सकने वाले कलर कंट्रास्ट की जांच करने और उसकी पुष्टि करने के लिए, तीन टूल और तकनीकों की खास जानकारी.
किसी वेबसाइट के लिए मुख्य नेविगेशन बनाना
इस ट्यूटोरियल में, किसी वेबसाइट का ऐक्सेस किया जा सकने वाला मुख्य नेविगेशन बनाने का तरीका बताया गया है. आपको सिमेंटिक एचटीएमएल और सुलभता के बारे में पता चलता है. साथ ही, यह भी पता चलता है कि ARIA एट्रिब्यूट का इस्तेमाल करने से, कभी-कभी अच्छे से ज़्यादा नुकसान कैसे पहुंच सकता है.
कम्यूनिटी हाइलाइट: मेलनी समनर
डिजिटल सुलभता में विशेषज्ञता रखने वाली सॉफ़्टवेयर इंजीनियर मैलेनी के साथ हमारा इंटरव्यू पढ़ें.
पेमेंट और पहचान
पेमेंट की सबसे नई तकनीक और सबसे सही तरीकों के बारे में जानें. साथ ही, अपनी साइटों और ऐप्लिकेशन में सुरक्षित तरीके से लॉग इन करने में लोगों की मदद करें.
बिना पासवर्ड के लॉगिन करने के लिए पासकी बनाएं
पासकी, उपयोगकर्ता खातों को सुरक्षित, इस्तेमाल में आसान, और आसान बनाती हैं.
पासकी से साइन इन करना
ऐसा साइन इन अनुभव बनाएं जिसमें पासकी का इस्तेमाल करके, मौजूदा पासवर्ड उपयोगकर्ताओं को साथ में रखा जा सके.
वेब पेमेंट के बारे में खास जानकारी
वेब पेमेंट और उनके काम करने के तरीके के बारे में ज़्यादा जानें.
पेमेंट और पते के फ़ॉर्म के लिए सबसे सही तरीके
पता और पेमेंट फ़ॉर्म ज़्यादा से ज़्यादा जल्दी और आसानी से भरने में उपयोगकर्ताओं की मदद करके, ज़्यादा से ज़्यादा कन्वर्ज़न पाएं.
डेवलपर न्यूज़लेटर
ताज़ा खबरें, तकनीक, और अपडेट सीधे अपने इनबॉक्स में पाएं.