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. Building a Logger Mixin in Sass

    Building a Logger Mixin in Sass

    Tutorial Advanced

    In this tutorial we'll build a "logger" mixin, which outputs a flexible, informative log as CSS when Sass is compiled.

  2. Explaining the “Details” and “Summary” Elements

    Explaining the “Details” and “Summary” Elements

    Tutorial Beginner

    Lots of JavaScript libraries are developed to give us additional interactive widgets on websites. Equally, HTML5 has also interpreted a number of popular...

  3. How to Minify Your HTML5 Game for the Js13kGames Competition

    How to Minify Your HTML5 Game for the Js13kGames Competition

    Tutorial Beginner

    As you may know, the third edition of the js13kGames competition is here: the official start is set for August 13th, 13:00 CEST. Js13kGames is a competition...

  4. How They Did It: StarWars.com

    How They Did It: StarWars.com

    Tutorial Beginner

    If you haven't watched Star Wars yet, as soon as you finish this article, go watch it. All of it. (Make sure you come back and let us know if you prefer...

  5. HTML5: Network Information API

    HTML5: Network Information API

    Tutorial Beginner

    Responsive web design is an invaluable concept, but it has an important limitation, the changes we make to a web page are mostly based on the size of the...

  6. Quick Tip: Consider Wrapping Your Code With a “figure” Element

    Quick Tip: Consider Wrapping Your Code With a “figure” Element

    Tutorial Beginner

    The "figure" tag was introduced with HTML5 quite some time ago, though you may still be unfamiliar with what it does, or how it can be used in lots of...

  7. Getting Started With Phaser: Building "Monster Wants Candy"

    Getting Started With Phaser: Building "Monster Wants Candy"

    Tutorial Intermediate

    In this extra-long tutorial, I'll break down the source for Monster Wants Candy, a multi-platform game my colleague and I built with Phaser, the HTML5 game...

  8. Add Motion Control to a Kiwi.js Game With the Leap Motion Controller

    Add Motion Control to a Kiwi.js Game With the Leap Motion Controller

    Tutorial Intermediate

    In this tutorial, I'll help you make your first HTML5 game that is controlled by a Leap Motion Controller, using the Kiwi.js engine—a relatively new game...

  9. What Is Go?

    What Is Go?

    Tutorial Intermediate

    In this tutorial, we are going to learn to develop a simple web application using the Go programming language.

  10. How to Create Your Own HTML Elements With Web Components

    How to Create Your Own HTML Elements With Web Components

    Tutorial Beginner

    What are web components you ask? In a nutshell, web components give you a way to create your own custom HTML elements which can do just about anything you...

  11. A Simple Responsive Grid, Made Even Better With Sass

    A Simple Responsive Grid, Made Even Better With Sass

    Tutorial Intermediate

    In this tutorial we're going to build a simple, responsive grid system using CSS. Once we're familiar with how it works, we'll improve it with Sass, learning...

  12. Sharing Polymer Components: Part 2

    Sharing Polymer Components: Part 2

    Tutorial Beginner

    Learn how to auto-generate documentation and setup GitHub distribution using Bower, in this second part on sharing Polymer components.