CSS सीखने वालों के लिए 7 उपयोगी संसाधन

2024 लेखक: Malcolm Clapton | [email protected]. अंतिम बार संशोधित: 2023-12-17 03:57

कैस्केडिंग स्टाइल शीट उबाऊ HTML को आकर्षक बनाती है। Lifehacker ने रूसी और अंग्रेजी-भाषा की साइटों के साथ-साथ वेब विश्वकोशों का चयन किया है जो आपको CSS को बेहतर ढंग से समझने में मदद करेंगे।

वर्ल्ड वाइड वेब कंसोर्टियम (W3C) ने 1996 में CSS (कैस्केडिंग स्टाइल शीट्स) तकनीक की सिफारिश की थी। तब से, वेब डेवलपर्स अद्वितीय साइट डिज़ाइन बनाने के लिए कैस्केडिंग स्टाइल शीट का उपयोग कर रहे हैं।

बीस साल पहले, डेवलपर्स ने फ़ॉन्ट विकल्प, टेक्स्ट विशेषताओं और पृष्ठ तत्व रंगों के साथ खेला। आजकल एनिमेशन, शैडो, ग्रेडिएंट्स, एंटी-अलियासिंग और कई अन्य उन्नत चीजें प्रगति पर हैं।

स्टाइल शीट को कैस्केडिंग किए बिना अपनी पसंदीदा साइटों की प्रशंसा करने के लिए क्रोम एक्सटेंशन या फ़ायरफ़ॉक्स ऐड-ऑन स्थापित करें।

परिवर्तन नाटकीय होंगे, हालांकि हमेशा नहीं। उदाहरण के लिए, एक समाचार एग्रीगेटर शायद ही बदलेगा: यह दो और दो जितना आसान है। फिर भी, संसाधन को मासिक रूप से 150 मिलियन से अधिक बार देखा जाता है।

CSS की बारीकियां कहाँ से सीखें

1. एचटीएमएलबुक

आइए सुसंगत रहें और एक ठोस सैद्धांतिक आधार के साथ शुरुआत करें। इसके लिए, हम व्लाद मरज़ेविच, पुस्तक लेखक और वेब डेवलपर की ओर रुख करते हैं, जो वेब पेजों के लेआउट और स्टाइलिंग के बारे में कई गुणवत्ता वाले संसाधन रखता है।

यहां आपको एक स्व-व्याख्यात्मक ट्यूटोरियल और कैस्केडिंग स्टाइल शीट्स के बारे में लोकप्रिय प्रश्नों के उत्तर मिलेंगे। वर्तमान तीसरे सीएसएस विनिर्देश पर ट्यूटोरियल लेख भी हैं।

2. वेबरेफरेंस

सीएसएस के लिए एक वर्णानुक्रमिक संदर्भ प्रदान करता है। प्रत्येक संपत्ति का एक संक्षिप्त विवरण, वाक्य-विन्यास और एक जीवंत उदाहरण होता है। प्रश्न पूछने में संकोच न करें - परियोजना के लेखक संपर्क में हैं और स्वेच्छा से विवरण पर चर्चा करते हैं।

3. सीएसएस संदर्भ

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

4. सीएसएस डिजाइन पुरस्कार

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

5. सीएसएस जेन गार्डन

सुरक्षित ज्ञान और एक प्रकाशस्तंभ होने के कारण, व्यवसाय में अपनी ताकत का परीक्षण करने का समय आ गया है। और लंबे समय तक सड़क का चयन न करने के लिए, हम आपको पृष्ठ पर निर्देशित करेंगे। इसमें एक अपरिवर्तनीय HTML फ़ाइल है, जिसे दुनिया भर के उपयोगकर्ता कैस्केडिंग स्टाइल शीट का उपयोग करके एक असाधारण डिज़ाइन देने का प्रयास करते हैं।

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

6. सीएसएसप्ले

यह स्पष्ट है कि आप कुछ ऐसा लागू करना चाहेंगे जो सभी का ध्यान आकर्षित करे। हम नहीं जानते कि ऐसी कोई बात है या नहीं, लेकिन दर्जनों और सैकड़ों जिज्ञासु तरकीबें ज़रूर थीं।

7. सीएसएस लिंट

अगर हमारे ही हाथ सीधे बढ़ते हैं तो हमें किसी और की जरूरत क्यों पड़ती है? क्या यह वास्तव में दिखाता है। बुनियादी सीएसएस सिंटैक्स जाँच के अलावा, वेब सेवा उन नियमों के अनुपालन की जाँच करती है जो पेज लोड करने की गति को प्रभावित करते हैं। आउटपुट अच्छा है, ब्राउज़र के अनुकूल सीएसएस।