साथ मिलकर, एक बेहतर वेब बनाना

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

वेब डेवलपमेंट से जुड़ी खबरों के बारे में अप-टू-डेट रहना

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

सीएसएस और यूज़र इंटरफ़ेस (यूआई) डिज़ाइन

अपने काम में इस्तेमाल करने के लिए, नई सलाह और तकनीकों के बारे में अभी जानें.
सीएसएस के बारे में जानें

सीएसएस का इस्तेमाल करके, टाइपोग्राफ़ी को उपयोगकर्ता की पसंद के मुताबिक बनाना

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

Core Web Vitals

वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी और अन्य मेट्रिक को समझकर, तेज़ी से वेबसाइटें और ऐप्लिकेशन बनाएं.
वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी के बारे में जानना
'इंटरैक्शन टू नेक्स्ट पेंट' आधिकारिक तौर पर वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाला टूल बन जाएगा. यह 12 मार्च को फ़र्स्ट इनपुट डिले की जगह ले लेगा.
इंटरैक्शन टू नेक्स्ट पेंट मेट्रिक को ऑप्टिमाइज़ करने का तरीका जानें.
वेब की स्थिति के आधार पर, वेबसाइटों की परफ़ॉर्मेंस की अहम जानकारी को ऑप्टिमाइज़ करने के सबसे सही तरीकों का कलेक्शन
सबसे बड़े कॉन्टेंटफ़ुल पेंट (एलसीपी) को ऑप्टिमाइज़ करने के बारे में आम तौर पर होने वाली गलतफ़हमियों के बारे में जानें. इसके लिए, इमेज ऑप्टिमाइज़ेशन के अलावा, टाइम टू फ़र्स्ट बाइट (टीटीएफ़बी) और रिसॉर्स लोड होने में लगने वाले समय जैसे फ़ैक्टर पर ध्यान दें.

प्रोग्रेसिव वेब ऐप्लिकेशन

सक्षम वेब अनुभव बनाएं.
PWA के बारे में ज़्यादा जानकारी
एक कोर्स, जो आधुनिक प्रोग्रेसिव वेब ऐप्लिकेशन डेवलपमेंट के हर पहलू को बांटता है.
अब जब Safari, Firefox, और Chrome पर ट्रांसफ़ॉर्म स्ट्रीम को स्ट्रीम किया जा सकता है, तो वे प्राइम टाइम के लिए तैयार हैं.
शानदार ऐप्लिकेशन के लिए नए पैटर्न के शानदार कलेक्शन को आज़माएं. इनमें क्लिपबोर्ड पैटर्न, फ़ाइल पैटर्न, और बेहतर ऐप्लिकेशन पैटर्न शामिल हैं.
Chrome Developers साइट पर, क्षमताओं के एपीआई एक्सप्लोर करें.

सभी के लिए सुलभ है

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

किसी वेबसाइट के लिए मुख्य नेविगेशन बनाना

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

पेमेंट और पहचान

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

डेवलपर न्यूज़लेटर

ताज़ा खबरें, तकनीक, और अपडेट सीधे अपने इनबॉक्स में पाएं.