Learn HTML/CSS

Learn the fundamentals of web design with our HTML and CSS tutorials. Build landing pages, apps, websites, and more, with animations and other advanced effects.

Getting started with HTML/CSS

  • Design and Code Your First Website in 9 Easy-to-Understand Steps

    Design and Code Your First Website in 9 Easy-to-Understand Steps

    Nathan Umoh
  • HTML & CSS for Beginners (MEGA Free Course!)

    HTML & CSS for Beginners (MEGA Free Course!)

    Adi Purdila
    1. रेस्पॉन्सिव नेविगेशन के लिए एक लचीला दृष्टिकोण

      रेस्पॉन्सिव नेविगेशन के लिए एक लचीला दृष्टिकोण

      Tutorial Beginner

      कई रेस्पॉन्सिव वेबसाइट बड़े स्क्रीन पर एक हॉरिजॉन्टल नेविगेशन बार प्रदान करते हैं और छोटे व्यूपोर्ट के लिए ड्रॉप-डाउन नेविगेशन प्रदान करते हैं। यह पूरी तरह...

    2. फोटोशॉप के लिए एक फ्लेक्सिबल ग्रिड स्क्रिप्ट लिखना

      फोटोशॉप के लिए एक फ्लेक्सिबल ग्रिड स्क्रिप्ट लिखना

      Tutorial Beginner

      काफी संभावना है कि आपने पहले से ही एक ग्रिड सिस्टम या किसी अन्य की psd फ़ाइलों

    3. Stellar.js का उपयोग कर एक पैराल्लास स्क्रॉलिंग वेबसाइट बनाएं

      Stellar.js का उपयोग कर एक पैराल्लास स्क्रॉलिंग वेबसाइट बनाएं

      Tutorial Intermediate

      हाल के आधुनिक वेब डिज़ाइन में सबसे बड़े रुझानों में से एक पैराल्लास स्क्रॉलिंग इफेक्ट्स का उपयोग है। इस ट्यूटोरियल में मैं आपको यह दिखाने वाला हूँ कि आप अपनी...

    4. पूरी तरह से रोटेट और CSS3 के साथ थंबनेल मास्क करें

      पूरी तरह से रोटेट और CSS3 के साथ थंबनेल मास्क करें

      Tutorial Beginner

      कभी देखीं गई इमेज थंबनेल दिखाई जाने वाली वेबसाइट को थोड़ा रोटेट करते हैं? यह एक साधारण इफ़ेक्ट है जो दृश्य व्यक्तित्व की एक लेयर जोड़ता है। कह रही है कि, यदि...

    5. एक अनुकूलित HTML 5 ऑडियो प्लेयर बनाएँ

      एक अनुकूलित HTML 5 ऑडियो प्लेयर बनाएँ

      Tutorial Intermediate

      इस ट्यूटोरियल के दौरान मैं आपको HTML5 ऑडियो पर पेश करने जा रहा हूं और आपको दिखा रहा हूं कि आप अपना खुद का प्लेयर कैसे बना सकते हैं।

    6. एक सरल, रेस्पॉन्सिव, मोबाइल फर्स्ट नेविगेशन

      एक सरल, रेस्पॉन्सिव, मोबाइल फर्स्ट नेविगेशन

      Tutorial Beginner

      हम एक सरल, रेस्पॉन्सिव वेब साइट नेविगेशन का निर्माण करने जा रहे हैं। हमारा समाधान हमारे पृष्ठ की content पर जोर देने में हमारी मदद करेगा, मोबाइल के लिए...

    7. ओरमैन क्लार्क की वर्टीकल नेविगेशन मेनू: CSS अनुवाद

      ओरमैन क्लार्क की वर्टीकल नेविगेशन मेनू: CSS अनुवाद

      Tutorial Intermediate

      ऑरमैन क्लार्क की कोडित PSD श्रृंखला में अगला उसके अद्भुत दिखते Vertical Navigation Menu है। संभव है कि हम इमेजेज के न्यूनतम मात्रा का उपयोग करते हुए इसे CSS3...

    8. डिजाइन और कोड संपूर्ण फेसबुक ऐप: HTML + CSS

      डिजाइन और कोड संपूर्ण फेसबुक ऐप: HTML + CSS

      Tutorial Beginner

      वापसी पर स्वागत है! ट्यूटोरियल के इस भाग में हम HTML में हमारे डिजाइन को कोडित करने जा रहे हैं और कुछ फेसबुक की CSS स्टाइल गुणों को दिखाएंगे, जो इसे नेटिव...

    9. कैसे एक CSS3 व्हील
मेनू बनाएँ

      कैसे एक CSS3 व्हील मेनू बनाएँ

      Tutorial Beginner

      एक वास्तविक परियोजना पर अपने हाथों को गंदे होने के बजाय CSS3 सीखने का कोई बेहतर तरीका नहीं है और यही ठीक है कि हम क्या करने जा रहे हैं। मैं आपको सिखाने जा...

    10. 960 ग्रिड सिस्टम को एक डिजाइन फ्रेमवर्क के रूप में प्रयोग करना

      960 ग्रिड सिस्टम को एक डिजाइन फ्रेमवर्क के रूप में प्रयोग करना

      Tutorial Beginner

      960 ग्रिड सिस्टम थोड़ी देर के लिए आस पास हो गई है ... लेकिन इसका उपयोग ज्यादातर HTML/CSS फ्रेमवर्क के रूप में परियोजनाओं के कोडन पक्ष पर किया गया है। आज, हम...

    11. HTML 5 मिक्रोडॉटा: मशीन में आपका स्वागत है

      HTML 5 मिक्रोडॉटा: मशीन में आपका स्वागत है

      Tutorial Intermediate

      मुझे नहीं लगता कि यह कहना अतिशोक्ति है कि HTML 5 वेब डेवलपमेंट के बारे में सोचने के तरीके को बदल देगा। मैं कई बदलावों का स्वागत करता हूं क्योंकि वे डेवलपमेंट...

    12. सभी ब्राउज़रों के हिसाब से HTML 5 मार्क-अप को सही तरीके से कैसे बनाएं - यहां तक कि IE6 भी

      सभी ब्राउज़रों के हिसाब से HTML 5 मार्क-अप को सही तरीके से कैसे बनाएं - यहां तक कि IE6 भी

      Tutorial Intermediate

      HTML 5 वेब डिज़ाइनर के लिए कुछ शानदार नए फीचर्स प्रदान करता है जो पठनीय, अर्थात् अर्थपूर्ण लेआउट कोड करना चाहते हैं। हालांकि, HTML 5 के लिए सपोर्ट अभी भी...