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. Creating a WordPress Theme From Static HTML: Preparing the Markup

    Creating a WordPress Theme From Static HTML: Preparing the Markup

    Tutorial Beginner

    Last year I did a small (and admittedly very un-scientific) survey among other WordPress developers. What I wanted to know was this: When they built their...

  2. How to Learn the Phaser HTML5 Game Engine

    How to Learn the Phaser HTML5 Game Engine

    Tutorial Beginner

    Phaser is an open source HTML5 game framework created by Photon Storm. It's designed to create games that will run on desktop and mobile web browsers. A lot...

  3. Foundation’s Sassy Styles Explained

    Foundation’s Sassy Styles Explained

    Tutorial Intermediate

    In this tutorial we'll cover what can be done with the flexible Sass styles included in the Foundation framework. A lot of these offer a more customisable...

  4. How to Learn Three.js for Game Development

    How to Learn Three.js for Game Development

    Tutorial Beginner

    Three.js is an open-source JavaScript library/API used to create and display animated 3D computer graphics on a web browser, compatible with the HTML5 canvas...

  5. Linking Up the Google Maps and Flickr APIs

    Linking Up the Google Maps and Flickr APIs

    Tutorial Beginner

    Imagine you've made the beautiful map a client requested; adding all sorts of interesting markers, pop-ups, custom overlays and photos.  But then the client...

  6. Using Grids in Web Design

    Using Grids in Web Design

    Course Beginner

    Building your website with a grid system is great for a clean and organized layout. This course covers the 'how' and 'why' of using a grid for web design,...

  7. The Google Maps API and Custom Overlays

    The Google Maps API and Custom Overlays

    Tutorial Intermediate

    In our previous tutorial we looked at how you can add markers and customize the colors and menus of a Google map using the service's API. This tutorial takes...

  8. Getting Creative With the Google Maps API

    Getting Creative With the Google Maps API

    Tutorial Intermediate

    You’ve designed a shiny new website; carefully selecting the colors, typography and photographs to perfectly reflect the company's branding.  Then your...

  9. Quick Tip: Don’t Forget the Viewport Meta Tag

    Quick Tip: Don’t Forget the Viewport Meta Tag

    Tutorial Beginner

    I remember my maiden voyage into responsive web design; I'd used a classic grid, wrestled with a flexible layout, and tackled media queries for the first...

  10. Getting Started With the Structured Data Markup Helper

    Getting Started With the Structured Data Markup Helper

    Tutorial Beginner

    In one of our previous articles I explained how you can add structured data to your web pages via microdata, microformats or RDFa. Google recently launched a...

  11. What You Should Know About HTML Email

    What You Should Know About HTML Email

    Tutorial Beginner

    Email is an awesome medium. It goes straight into the inbox and its ROI is widely reported as being through the roof at 4000%. It’s also perpetually...

  12. Build a Responsive Pricing Table with Neat Hover States

    Build a Responsive Pricing Table with Neat Hover States

    Tutorial Beginner

    During this tutorial we'll be creating a sleek pricing table with some striking hover effects. We'll use Lea Verou's Prefixfree script to keep our CSS clean,...