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 tutorials:

    1. Introduction to SVG Filters

      Introduction to SVG Filters

      Tutorial Intermediate

      In this tutorial we’re going to explore the world of SVG filters. With SVG filters you can create unique text effects, image effects, and with a little...

    2. Creating WordPress Forms That Get Filled In

      Creating WordPress Forms That Get Filled In

      Tutorial Beginner

      The forms on your site are useless unless people actually complete them. Find out how to create great forms that encourage people to click submit.

    3. Find Out Why Your CSS Isn’t Working! New Firefox DevTools Features

      Find Out Why Your CSS Isn’t Working! New Firefox DevTools Features

      Tutorial Beginner

      In this article you’ll see how to use two new features available now in Firefox Nightly DevTools to help you find out what’s wrong with your CSS.

    4. How to Build an Animated CSS Thermometer Chart

      How to Build an Animated CSS Thermometer Chart

      Tutorial Intermediate

      In this tutorial I’ll cover the process of creating a pure CSS animated “thermometer” chart; the perfect way to track achievement of a single target.

    5. Build a Static Portfolio With Advanced CSS Bar Chart

      Build a Static Portfolio With Advanced CSS Bar Chart

      Tutorial Intermediate

      In this tutorial we’ll build an attractive static portfolio page, featuring a pure CSS bar chart without using any external JavaScript library, SVG, or the...

    6. How to Make a Simple One-Page Website: From a Parallax WordPress Theme

      How to Make a Simple One-Page Website: From a Parallax WordPress Theme

      Tutorial Beginner

      Don't fret: making a one-page website with parallax scrolling effects in WordPress is easier than you think. Lets walk through the important steps to take!

    7. How to Build a Responsive, Multi-Level, Sticky Footer With Flexbox

      How to Build a Responsive, Multi-Level, Sticky Footer With Flexbox

      Tutorial Intermediate

      In this tutorial, I’ll show you how to use flexbox to create a responsive, multi-level, multi-column footer that sticks to the bottom of the page, no matter...

    8. Quick Tip: Styling Restricted Content for Online Publishers

      Quick Tip: Styling Restricted Content for Online Publishers

      Tutorial Beginner

      In this quick tutorial, we’ll cover some ideas for styling restricted content–just like techniques you’ll see used by big online newspapers.

    9. Create a JavaScript Contact Form With the Smart Forms Framework

      Create a JavaScript Contact Form With the Smart Forms Framework

      Tutorial Beginner

      Get an overview of the features of the Smart Forms JavaScript form framework and discover how you can use it to create your own custom JavaScript forms.

    10. How to Build a Filterable Thumbnail Layout With CSS Grid, Flexbox, and JavaScript

      How to Build a Filterable Thumbnail Layout With CSS Grid, Flexbox, and JavaScript

      Tutorial Intermediate

      In this tutorial, we’re going to take a bunch of photos and turn them into a filterable thumbnail layout. We’ll combine all the latest CSS goodies (CSS Grid,...

    11. New Course on Using HTML Tables the Right Way in 2019

      New Course on Using HTML Tables the Right Way in 2019

      Tutorial Beginner

      In our new course, A Short Guide to Using HTML Tables in the Modern Age, you'll learn how to use HTML tables the right way.

    12. How to Add RTL Support to Flexbox and CSS Grid

      How to Add RTL Support to Flexbox and CSS Grid

      Tutorial Beginner

      CSS logical properties come with a surprising feature: they make it super easy to support right-to-left (RTL) language scripts. As flexbox and CSS grid are...