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. सास और क्रोम DevTools के साथ विकसित करना

      सास और क्रोम DevTools के साथ विकसित करना

      Tutorial Beginner

      इस लेख में हम इस बात पर ध्यान देंगे कि हम अपने Sass विकास वर्कफ़्लो में Chrome DevTools को कैसे बेहतर ढंग से एकीकृत कर सकते हैं।

    2. HTML ईमेल के बारे में आपको क्या पता होना चाहिए

      HTML ईमेल के बारे में आपको क्या पता होना चाहिए

      Tutorial Beginner

      ईमेल एक बहुत बढ़िया माध्यम है। यह सीधे इनबॉक्स में जाता है और इसकी ROI को 4000% रूफ के माध्यम से व्यापक रूप से बताया जाता है। यह भी हमेशा गलत समझा जाता है और...

    3. एक मल्टी-स्टेप फ़ॉर्म इंटरफ़ेस बनाएं

      एक मल्टी-स्टेप फ़ॉर्म इंटरफ़ेस बनाएं

      Tutorial Beginner

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

    4. jQuery Waypoints का प्रयोग करके एक स्टिकी नेविगेशन हैडर बनाएं

      jQuery Waypoints का प्रयोग करके एक स्टिकी नेविगेशन हैडर बनाएं

      Tutorial Beginner

      इस ट्यूटोरियल में, हम एक नेविगेशन बार बनाएंगे जो आपके साथ ही रहेगा जब आप नीचे की ओर स्क्रॉल करते हैं - और हम भी इसे ढंकने के लिए एक या दो डिमिक्स को एक...

    5. CSS3 और HTML5 वेलिडेशन के साथ अपने फ़ॉर्म को अप टू डेट करें

      CSS3 और HTML5 वेलिडेशन के साथ अपने फ़ॉर्म को अप टू डेट करें

      Tutorial Beginner

      आइए देखें कि एक कार्यात्मक फॉर्म कैसे बनाया जाए जो उपयोगकर्ता के डेटा, क्लाइंट-साइड को मान्य करता है। इसके साथ, हम कुछ CSS के साथ CSS3 का उपयोग करके इसे...

    6. रेस्पॉन्सिव मूल्य निर्धारण सारणी का उपयोग: छोटे स्क्रीन के लिए लक्ष्य

      रेस्पॉन्सिव मूल्य निर्धारण सारणी का उपयोग: छोटे स्क्रीन के लिए लक्ष्य

      Tutorial Intermediate

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

    7. CSS3 ट्विस्ट के साथ एक रेस्पॉन्सिव, फ़िल्टर करने योग्य पोर्टफोलियो बनाएँ

      CSS3 ट्विस्ट के साथ एक रेस्पॉन्सिव, फ़िल्टर करने योग्य पोर्टफोलियो बनाएँ

      Tutorial Intermediate

      फिल्टर करने योग्य पोर्टफोलियो की अंतर्निहित दृश्य अपील (जैसे Tuts + hub) ने उन्हें बहुत लोकप्रिय बना दिया है। आज, हम सीधे-आगे मार्कअप, CSS3 और jQuery का एक...

    8. एक सरल पैरलैक्स स्क्रॉलिंग तकनीक

      एक सरल पैरलैक्स स्क्रॉलिंग तकनीक

      Tutorial Intermediate

      पैरलैक्स स्क्रॉलिंग एक दिलचस्प तकनीक है, जैसे ही आप स्क्रॉल करते हैं, पृष्ठभूमि छविया अग्रभूमि सामग्री की तुलना में धीमी दिखाई देती है, जिससे 3D गहराई का...

    9. त्वरित युक्ति: आसान CSS3 चेकबॉक्सेज़ और रेडियो बटन

      त्वरित युक्ति: आसान CSS3 चेकबॉक्सेज़ और रेडियो बटन

      Tutorial Beginner

      कभी आश्चर्य की बात है कि कैसे चेक बॉक्स और रेडियो बटन, लेकिन जावास्क्रिप्ट के बिना?आप कर सकते हैं CSS3 के लिए धन्यवाद! यहाँ हम क्या बनाने जा रहे हैं:

    10. वेब डिज़ाइन में क्या, क्यों और कैसे डाटा URI हैं

      वेब डिज़ाइन में क्या, क्यों और कैसे डाटा URI हैं

      Tutorial Beginner

      आइए, आपके साइट के प्रदर्शन को बेहतर बनाने के बारे में देखें, जो उसमें किए गए HTTP अनुरोधों की संख्या को कम करता है। हम डेटा URI योजना के रूप में जाना जाता...

    11. स्ट्रक्चर्ड डेटा का मार्कअप परिचय

      स्ट्रक्चर्ड डेटा का मार्कअप परिचय

      Tutorial Beginner

      Structured data शब्द का अर्थ सार्वभौमिक रूप से समझा जा सकता है। सर्च इंजन परिष्कृत करने के लिए Google, Bing और Yahoo जैसे संरक्षित डेटा (वेब पृष्ठों के भीतर...

    12. बिग मेनू, स्माल स्क्रीन: रेस्पॉन्सिव, मल्टी लेवल नेवीगेशन

      बिग मेनू, स्माल स्क्रीन: रेस्पॉन्सिव, मल्टी लेवल नेवीगेशन

      Tutorial Advanced

      यदि आपने कभी किसी रेस्पॉन्सिव वेबसाइट पर काम किया है, तो आपको इसमें कोई संदेह नहीं है कि इस उभरती हुई क्षेत्र में सबसे मुश्किल समस्याओं से निपटना होगा:...