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

  1. A Whistle-Stop Tour of the UIkit Framework

    A Whistle-Stop Tour of the UIkit Framework

    Tutorial Intermediate

    Whilst Bootstrap and Foundation might be the two most popular front-end frameworks amongst web designers, in this article I’m going to introduce you to the...

  2. How to Build a Semi-Circle Donut Chart With CSS

    How to Build a Semi-Circle Donut Chart With CSS

    Tutorial Beginner

    Although HTML5 Canvas and SVG might be more elegant solutions for building charts, in this tutorial we’ll learn how to build our very own donut chart with...

  3. How to Set Up a Jekyll Theme

    How to Set Up a Jekyll Theme

    Tutorial Beginner

    In this tutorial we’ll go through setting up a Jekyll theme from the very beginning, starting with some basic installation advice, stepping through how to...

  4. Create a Custom Plugin in OpenCart 2.1.x.x: Part One

    Create a Custom Plugin in OpenCart 2.1.x.x: Part One

    Tutorial Intermediate

    In this two-part series, I'll explain custom plugin development in OpenCart. From the perspective of a newbie developer, we'll go through the details of...

  5. 4 Next-Level HTML Courses

    4 Next-Level HTML Courses

    Tutorial Beginner

    Do you know the best way to lay out your content semantically? Can you create forms properly, including making them fully accessible? Do you know how to use...

  6. 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...

  7. 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”.

  8. 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...

  9. 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...

  10. 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?...

  11. 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...

  12. 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,...