Learn HTML

Learn how to create the backbone of any website with our HTML tutorials. Start from scratch or brush up on the latest features and best practices.

All HTML content:

  1. How to Code a Scrolling “Alien Lander” Website

    How to Code a Scrolling “Alien Lander” Website

    Tutorial Intermediate

    In this tutorial, the second in a two part series, we’ll be taking the awesome vector-based illustration produced in How to Create a Long Scrolling...

  2. How to Create a Web Component for Embedding YouTube Videos

    How to Create a Web Component for Embedding YouTube Videos

    Tutorial Advanced

    In this tutorial we are going to create a fully-functioning custom HTML element using “Web Components”.

  3. How to Create a Fixed Header Which Animates on Page Scroll

    How to Create a Fixed Header Which Animates on Page Scroll

    Tutorial Beginner

    In this tutorial, we’ll learn how to create a pattern seen on many websites these days: a fixed header which animates to a less obtrusive state as we scroll...

  4. How to Build an Infinite Scroll Experience With the History Web API

    How to Build an Infinite Scroll Experience With the History Web API

    Tutorial Advanced

    In this tutorial we are going to reinforce our History Web API skills. We’re going to build a UX pattern on the Web which is loved and loathed in equal...

  5. New Course: Customizing Bootstrap Components

    New Course: Customizing Bootstrap Components

    Tutorial Beginner

    Do you want to take advantage of the benefits offered by the Bootstrap framework, without making your website look like every other Bootstrap site out there?...

  6. Introduction to Assistive Technology

    Introduction to Assistive Technology

    Tutorial Beginner

    In this short video from my web accessibility course, I'll take you through the wide range of tools with which users experience the web, from screen...

  7. Learn the Basics of HTML in Our New Course

    Learn the Basics of HTML in Our New Course

    Tutorial Beginner

    The most critical first step to becoming a web designer is learning how to code HTML. By the end of this short course you’ll know what HTML is, how it works,...

  8. Start Here: Learn HTML Basics

    Start Here: Learn HTML Basics

    Course Beginner

    The most critical first step to becoming a web designer is learning how to code HTML. By the end of this short course you’ll know what HTML is, how it works,...

  9. Introduction to Webpack: Part 1

    Introduction to Webpack: Part 1

    Tutorial Intermediate

    Webpack takes all of your HTML, CSS, JavaScript and images, and cleverly works out all the various dependencies between them. When it's done, it gives you a...

  10. Quick Tip: Building Responsive Layouts With Floats

    Quick Tip: Building Responsive Layouts With Floats

    Tutorial Beginner

    In today’s quick tip, we’ll learn how to build responsive layouts using CSS floats, an old yet trusted layout method. Floats weren’t initially intended to...

  11. Kick-Start WordPress Development With Twig: Timber Image, Menu, and User

    Kick-Start WordPress Development With Twig: Timber Image, Menu, and User

    Tutorial Beginner

    By now you have read about the basic concepts of using Twig through Timber, while building a modular WordPress theme. We've also studied block nesting and...

  12. Kick-Start WordPress Development With Twig: Blocks & Nesting

    Kick-Start WordPress Development With Twig: Blocks & Nesting

    Tutorial Beginner

    In the previous article, I wrote about integrating the Twig templating engine with WordPress through Timber and how developers can send data from the PHP...