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

क्या सीएसएस आपके लिए नई है?

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

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

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

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

बेसलाइन, वेब डेवलपर को यह सिग्नल देता है कि वेब प्लैटफ़ॉर्म की सुविधाओं का इस्तेमाल, सभी मुख्य ब्राउज़र इंजन में सुरक्षित तरीके से किया जा सकता है. यहां सीएसएस की कुछ सुविधाओं के बारे में बताया गया है, जो अब बेसलाइन के तौर पर उपलब्ध हैं.
@starting-style को अगस्त 2024 में बेसलाइन के तौर पर लॉन्च किया गया.
font-size-adjust, जुलाई 2024 में बेसलाइन न्यूली उपलब्ध हुआ.
@property को बेसलाइन के तौर पर जुलाई 2024 में लॉन्च किया गया.
light-dark(), मई 2024 में बेसलाइन न्यूली उपलब्ध हुआ.
ब्लॉक लेआउट पर align-content, अप्रैल 2024 में बेसलाइन न्यूली उपलब्ध हुआ.
offset-position और offset-path वैल्यू, जनवरी 2024 में बेसलाइन के तौर पर उपलब्ध हो गई हैं.

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

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

content-visibility: यह एक सीएसएस प्रॉपर्टी है, जो रेंडरिंग की परफ़ॉर्मेंस को बेहतर बनाती है

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

कॉन्टेंट को फिर से क्रम में लगाना

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

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

अभी सुनें!