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
  • All HTML/CSS content:

    1. CSS Property: position

      CSS Property: position

      Tutorial Beginner

      The position property in CSS is like a magician’s wand that allows you to control the placement of an element on a web page. It lets you decide how an...

    2. 17+ Best New HTML Templates for Your Blog

      17+ Best New HTML Templates for Your Blog

      Tutorial Beginner

      Looking for blog website templates to start your next project? In this roundup I’ll show you some of the best new HTML templates for your blog, available...

    3. HTML Element: cite

      HTML Element: cite

      Tutorial Beginner

      The cite element represents a reference to a creative work, such as a book, a song, a movie, a piece of art, or a web page.

    4. HTML Element: data

      HTML Element: data

      Tutorial Beginner

      The HTML data element represents machine-readable data. This element provides metadata for computers, such as data for search engines or other processing...

    5. 20+ Best Moodle Themes for Your LMS Website

      20+ Best Moodle Themes for Your LMS Website

      Tutorial Beginner

      Using a Moodle theme makes it so much easier to create a fantastic LMS website for offering educational content, online classes, and more.

    6. Phases of the JavaScript Event Lifecycle

      Phases of the JavaScript Event Lifecycle

      Tutorial Intermediate

      Learn more about the three different phases of JavaScript events. This post covers the capturing, target, and bubbling phases.

    7. How to Use HTML5 “picture”, “srcset”, and “sizes” for Responsive Images

      How to Use HTML5 “picture”, “srcset”, and “sizes” for Responsive Images

      Tutorial Beginner

      In this tutorial we’ll see what the srcset and sizes attributes can do, how to use them with an img or picture element, and how to know which combination is...

    8. Building a Horizontal Timeline With CSS and JavaScript

      Building a Horizontal Timeline With CSS and JavaScript

      Tutorial Intermediate

      In this tutorial, we’ll learn how to build a responsive horizontal timeline from scratch. First, we’ll create the basic structure with minimal markup and the...

    9. HTML Element: bdi

      HTML Element: bdi

      Tutorial Beginner

      The HTML bdi element is used to isolate text that might be formatted in a different direction from other text in the same block. The abbreviation “bdi”...

    10. CSS Property: display

      CSS Property: display

      Tutorial Beginner

      In the world of CSS, the display property is like a magician’s wand, capable of transforming elements and dictating how they behave on the stage of your web...

    11. CSS Skills: Hero Sections With Asymmetrical Design

      CSS Skills: Hero Sections With Asymmetrical Design

      Tutorial Beginner

      In this tutorial, we'll learn how to build hero sections with assymetrical designs using CSS transforms and the clip-path property.

    12. How to Implement Debounce and Throttle with JavaScript

      How to Implement Debounce and Throttle with JavaScript

      Tutorial Intermediate

      Whenever we’re attaching a performant-heavy function to an event listener, it’s considered best practice to control how often the function is called. In this...