Learn HTML5: HTML5 Tutorials and Guides

As the use of HTML5 continues to become more common, you may be looking for resources to help you learn more about it. In this post we have gathered a number of resources that teach various aspects of HTML5, including tutorials, explanations and guides. With the help of these resources you should be able to learn more (or just brush up on your knowledge) about the specific aspects of HTML5 that are of interest to most designers and developers.

Getting Started with HTML5:

Introduction to HTML5

Learn HTML5

Periodic Table of Elements

Learn HTML5

10 Major Advantages of HTML5

Learn HTML5


HTML5 Canvas Cheat Sheet

Learn HTML5

HTML5 Visual Cheat Sheet

Learn HTML5

28 HTML5 Features, Tips, and Techniques You Must Know

Learn HTML5

Specific HTML5 Elements:

Audio and Video on HTML5:

HTML5 Audio and Video: What You Must Know

Learn HTML5

Synching Content with HTML5 Video

Learn HTML5

Website Build Tutorials:

Coding an HTML5 Layout from Scratch

Learn HTML5

Buidling Web Pages with HTML5

Learn HTML5

Design and Code a Cool iPhone App Website in HTML5

Learn HTML5

Code a Vibrant Professional Web Design in HTML5/CSS3

Learn HTML5

Creating a Minimal Blog Design Using HTML5, CSS3, and jQuery

Learn HTML5

Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3

Learn HTML5

How to Code a Clean Website Template in HTML5 and CSS3

Learn HTML5

Easily Coding a Jeweler’s Website to HTML5 and CSS3 from a PSD

Learn HTML5

Simple Website Layout Tutorial Using HTML5 and CSS3

Learn HTML5

Other HTML5 Tutorials:

Building Persistent Sticky Notes with Local Storage

Learn HTML5

Tooltips Courtesy of HTML5 Data Attributes

Learn HTML5

Bring Your Forms Up to Date with CSS3 and HTML5 Validation

Learn HTML5

Building a Custom HTML5 Video Player with CSS3 and jQuery

Learn HTML5

How to Make an HTML5 iPhone App

Learn HTML5

Looking for hosting? WPEngine offers secure managed WordPress hosting. You’ll get expert WordPress support, automatic backups, and caching for fast page loads.

13 Responses

Comments are now closed on this post.

  • Abdelhadi Touil, March 12, 2012

    Wow! Excellent reference to learn HTML5. Delicioused :)
    Thanks very much.

  • Ana | prestamos personales, March 13, 2012

    Thanks for the recopilation, I did not know the “HTML5 Visual Cheat Sheet” its perfect for mi work, thanks again.

  • Mark, March 20, 2012

    Great resource. I love using cheat sheets. I think I have 5 posted in my cubicle. Thanks.

  • Courtney, March 20, 2012

    These are the tools needed to venture into HTML5. Great articles!

  • Web Design Liverpool, March 22, 2012

    Superb article, thanks for sharing

  • Rob RS, March 29, 2012

    this is a treasure trove of information – html5 and css3 are a leap forward in the creative and aesthetic advancement of web design. a great resource for prospective designers and demonstrating possibilities to clients!

  • Rose michele, March 11, 2013

    Html 5 Bring many new features which make happy for web designer and developer

  • phone, May 31, 2013

    Thank you for any other informative blog. Where else may I get that
    type of information written in such a perfect way? I’ve a undertaking that I am simply now operating on, and I have been at the glance out for such info.

  • These are actually wonderful ideas in on the topic
    of blogging. You have touched some fastidious things here.
    Any way keep up wrinting.

  • pedicure chair, June 11, 2013

    Professional pedicure spa chairs come in a variety of styles, colors and functions.
    Typically overstuffed and luxurious, a whirlpool foot spa is designed with comfort in mind.
    A standard pedicure chair has different foot
    spa and pedicure station options that determine its ultimate cost.

    Most pedicure spa chairs come with high-quality leather
    or vinyl seating. In addition, a matching pedicure stool is almost always included for the pedicurist’s comfort. Removable basins for the whirlpool are included. Typical basin capacity for the whirlpool component is four to six gallons, with a discharge pump for drainage available for most models. A good pedicure spa whirlpool reclines for customer comfort, and higher-end models even offer multiple setting massage and seat warming options.Costs & UpkeepPedicure spa whirlpool chairs and complementary spa salon equipment can be very pricey, but offer a substantial return on the investment. Chairs typically range in manufacturer suggested price from about $1,800 to $4,800 or more. Often, this doesn’t include the
    price of the discharge pump, customized upholstery, manicure tray or pedicure tray attachments or other
    additions. That said, these chairs can be found at
    a substantial discount on eBay.The upkeep of spa salon equipment
    like pedicure foot spas is easy for most machines. Pour a
    small amount of low-foaming cleanser (like dishwashing crystals) into the basin and run the whirlpool for a
    few minutes to clean out the tub and jets. Sanitation in accordance with state regulations varies, but running a hospital-grade sanitizer in the tub for a few minutes after each pedicure will usually satisfy cleanliness requirements.

  • dog biscuits recipes, June 12, 2013

    Could not have stated it better myself

  • It’s not my first time to go to see this website, i am browsing this web page dailly and obtain fastidious information from here everyday.

  • www.computerworld.com.pt, June 15, 2013

    Appreciating the persistence you put into your blog
    and detailed information you provide. It’s nice to come across a blog every once in a while that isn’t the same unwanted rehashed information.
    Excellent read! I’ve saved your site and I’m adding
    your RSS feeds to my Google account.