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. How to Build a Reading Progress Bar With CSS and JavaScript

      How to Build a Reading Progress Bar With CSS and JavaScript

      Tutorial Intermediate

      In this tutorial we’re going to use JavaScript to build a simple “reading progress indicator” (or progress bar). Our progress bar will sit at the top of a...

    2. How to Handle Text Overflow (with a CSS Ellipsis)

      How to Handle Text Overflow (with a CSS Ellipsis)

      Tutorial Beginner

      When a string of text overflows the boundaries of a container it can make a mess of your whole layout. Here’s a cool trick to handle text overflow by...

    3. How to Build a Simple Theme Switcher With the CSS Checkbox Hack

      How to Build a Simple Theme Switcher With the CSS Checkbox Hack

      Tutorial Intermediate

      In this tutorial, you’ll learn how to create a CSS-only theme switcher by taking advantage of the “CSS checkbox hack technique” and CSS variables.

    4. Introduction to UIkit

      Introduction to UIkit

      Course Beginner

      UIkit is a lightweight and modular front-end framework for developing web interfaces. It’s a great choice for quickly putting together websites or web apps,...

    5. 16 Elementor Landing Page Templates for WordPress (to Improve Conversion)

      16 Elementor Landing Page Templates for WordPress (to Improve Conversion)

      Tutorial Beginner

      Improve conversion rates with an Elementor landing page template for WordPress. These fully-customizable templates have everything you need to build the...

    6. How to Create an Elementor Landing Page for WordPress

      How to Create an Elementor Landing Page for WordPress

      Tutorial Beginner

      The Elementor page builder makes it easy to create great-looking WordPress websites by dragging and dropping elements into place. In this video, you’ll learn...

    7. The Complete Guide to Using CSS Variables

      The Complete Guide to Using CSS Variables

      Course Beginner

      CSS custom properties, also known as CSS variables, are entities that contain specific values that can be reused in a stylesheet. They are like LESS or Sass...

    8. Quick Tip: Add a Formspree Form to Your Static Sites

      Quick Tip: Add a Formspree Form to Your Static Sites

      Tutorial Beginner

      In this tutorial we’re going to use Formspree for a hassle-free way of adding dynamic, flexible forms to your static websites.

    9. CSS Charts: How to Create a Horizontal Organizational Chart

      CSS Charts: How to Create a Horizontal Organizational Chart

      Tutorial Intermediate

      In a previous tutorial, we learned how to create a CSS-only vertical organizational chart. Today, as some folks requested, we’ll go through the process of...

    10. How to Convert Bootstrap Pills (Tabs) Into a Dropdown Menu

      How to Convert Bootstrap Pills (Tabs) Into a Dropdown Menu

      Tutorial Intermediate

      Today I’ll show you how to convert Bootstrap pills (tabs) into a dropdown. Most importantly we’ll keep both these components in sync. We’ll use pills for the...

    11. 30+ CSS Best Practices for Beginners

      30+ CSS Best Practices for Beginners

      Tutorial Intermediate

      CSS is a language that is used by nearly every developer at some point. While it's a language that we sometimes take for granted, it is powerful and has many...

    12. How to Use JavaScript to Play Sound (Typewriter Effect)

      How to Use JavaScript to Play Sound (Typewriter Effect)

      Tutorial Advanced

      Today, we're going to create a typewriter effect using CSS and JavaScript. To push things further, we’ll use JavaScript to play a typing sound on the page...