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. Quick Tip: Styling Scrollbars to Match Your UI Design

    Quick Tip: Styling Scrollbars to Match Your UI Design

    Tutorial Beginner

    This tip will guide you in improving the look and feel of scrollbars to match your UI design. We'll take a look at what WebKit browsers offer us in terms of...

  2. Quick Tip: Make Telephone Numbers Do Something

    Quick Tip: Make Telephone Numbers Do Something

    Tutorial Beginner

    I'm not going to begin this quick tip with the old "these days people view your websites on a multitude of devices" spiel, but it is true. Many mobile...

  3. Lessons Learned from Building Shopify Themes

    Lessons Learned from Building Shopify Themes

    Tutorial Beginner

    I first used Shopify not long after it launched in 2006. I loved that it was a simple to use and competitively priced hosted e-commerce platform. But above...

  4. A Simple Parallax Scrolling Technique

    A Simple Parallax Scrolling Technique

    Tutorial Intermediate

    Parallax scrolling is an interesting technique, where, as you scroll, the background images translate slower than the content in the foreground, creating the...

  5. Why You Should Add Authorship Information to Your Website

    Why You Should Add Authorship Information to Your Website

    Tutorial Beginner

    Authorship information is becoming increasingly important. It's easy to implement and it can give your website a real boost in exposure. In this article...

  6. Quick Tip: Utilizing Normal Document Flow

    Quick Tip: Utilizing Normal Document Flow

    Tutorial Beginner

    Layouts can be one of the trickiest things to master when it comes to CSS, though they're undeniably one of the most important. In this Quick Tip we're going...

  7. Super Simple Lightbox With CSS and jQuery

    Super Simple Lightbox With CSS and jQuery

    Tutorial Beginner

    Rather than using a bloated plugin that has features you’ll never use, this tutorial shows you how to create a super simple lightbox for handling images....

  8. Using OpenLayers with GeoNames WebServices

    Using OpenLayers with GeoNames WebServices

    Tutorial Intermediate

    In this tutorial, I'll show you how to use OpenLayers, a simple to use open source JavaScript library to load, display, and render maps, with the...

  9. Building a "Coming Soon" Page With HTML and LESS

    Building a "Coming Soon" Page With HTML and LESS

    Tutorial Intermediate

    Having designed our Coming Soon page in Photoshop, let's now kick off the build process with some markup and styling. We'll speed up the whole process by...

  10. Develop Your First Game in Canvas From Start to Finish

    Develop Your First Game in Canvas From Start to Finish

    Tutorial Intermediate

    Whether you're taking part in the discussion, or reading articles about it, you must be aware that, even though it's still a specification, HTML5 is ready to...

  11. Getting Started With Scalable Vector Graphics (SVG)

    Getting Started With Scalable Vector Graphics (SVG)

    Tutorial Beginner

    As a web designer it's high time you knew how to implement SVG (Scalable Vector Graphics) into your websites. Let's now take a look at the basics of SVG, as...

  12. Twitter Bootstrap 101: The Carousel

    Twitter Bootstrap 101: The Carousel

    Tutorial Beginner

    One of Twitter Bootstrap's many handy features is a pleasing sliding carousel for featuring images and content! Setup is not difficult. It requires some...