Open/Close Navigation

HTML5 Tutorials, Resources, Guides & Tips for Developers

HTML5 is the future for frontend web designers and developers – especially in combination with CSS3. The possibilities of HTML5 are exciting and many developers have been crafting incredible layouts with simpler & more semantic code.

But how can you get started exploring the true depth that HTML5 has to offer?

This post will serve as a guide to help you find HTML5 tutorials and resources for learning. All tutorials are completely free and range from absolute beginner to the lighter-end of advanced frontend coding.

HTML5 Tutorials:

Design & Code a Cool iPhone App Website in HTML5

Design & Code a Cool iPhone App Website in HTML5

Have a Field Day with HTML5 Forms

Have a Field Day with HTML5 Forms

Coding An HTML 5 Layout From Scratch

Coding An HTML 5 Layout From Scratch

Bouncing a Ball Around with HTML5 and JavaScript

Bouncing a Ball Around with HTML5 and JavaScript

Creating a 3D Animated Box HTML5 WebGL Photo Slideshow

Creating a 3D Animated Box HTML5 WebGL Photo Slideshow

Coding Up a Web Design Concept into HTML & CSS

Coding Up a Web Design Concept into HTML & CSS

An HTML5 Slideshow w/ Canvas & jQuery

An HTML5 Slideshow w/ Canvas & jQuery

Create a Typography Based Blog Layout in HTML5

Create a Typography Based Blog Layout in HTML5

How to Make an HTML5 iPhone App

How to Make an HTML5 iPhone App

Triangle mesh for 3D objects in HTML5

Triangle mesh for 3D objects in HTML5

HTML5 Clocks Tutorial

HTML5 Clocks Tutorial

HTML5 Resources:

HTML 5 Cheat Sheet (PDF)

HTML 5 Cheat Sheet (PDF)

HTML5 for Web Designers

HTML5 for Web Designers

HTML5 Please

HTML5 Please

HTML5 Tips:

28 HTML5 Features, Tips, and Techniques you Must Know

28 HTML5 Features, Tips, and Techniques you Must Know

HTML5 Unleashed: Tips, Tricks and Techniques

HTML5 Unleashed: Tips, Tricks and Techniques

The Power of HTML 5 and CSS 3

The Power of HTML 5 and CSS 3

About the Author:

This is a guest post by Ainsley Bevis, founder of Bloom Web Design, where you’ll find web design article, tutorials, resources, inspirations & tips.

To find more frontend dev tutorials check out these posts:

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

Join the Newsletter

Subscribe to our weekly newsletter chalked full of useful tips, techniques, and design goodies.

Popular WordPress Themes

More Design Inspiration

BlueHost