20+ HTML5 Tutorials, Resources & Tips

HTML5 offers plenty of potential for web designers and developers, especially when combined with CSS3. The possibilities of HTML5 are exciting, and many designers/developers have been creating amazing things that weren’t possible with HTML and CSS in the past.

The life and career of a web designer/developer requires learning new techniques rather frequently due to changes in technology, and HTML5 is no exception. This post will serve as a guide to help you find tutorials and resources that will allow you to improve your own skills with HTML5.

Here’s a collection of HTML5 tutorials, resources & tips to help you understand HTML5.

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

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

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

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

HTML5 for Beginners. Use it now, its easy!

HTML5 for Beginners. Use it now, its easy!

Touch The Future: Create An Elegant Website With HTML 5 And CSS3

Touch The Future: Create An Elegant Website With HTML 5 And CSS3

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)

HTML 5 Visual Cheat Sheet by Woork

HTML 5 Visual Cheat Sheet by Woork

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.

Published January 16th, 2013 by

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

Join Our Newsletter!

Subscribe to our weekly newsletter chalked full of useful tips, techniques, and design goodies. We have 20,000+ loyal readers and counting! We’ll even send you a free e-book (Freelance Designer’s Guide to Multiple Income Streams) and a $10 discount on our most popular product the Freelance Starter Kit.

7 Responses

Comments are now closed on this post.

  • Katherine De La Rosa, January 16, 2013

    thanks for the very useful resources.

  • Michael, January 16, 2013

    Thanks for the resources. I’d love to figure out how to do the bouncing ball – or really any of these. With HTML5 and CSS3, it seems like anything is possible on the web.

  • prabhjot kahlon, January 17, 2013

    very helpful resources for web designers to get better results.. thanks for sharing

  • Rodleg, January 17, 2013

    thanks for this collection of ressources & tutorials ;-)

  • Kyle Stearns, January 18, 2013

    Some great reminders/good ‘refreshers’ on some information that slipped through the cracks in my brains.

  • Orenz, January 24, 2013

    thanks for this tutorials..
    i’ll try to make it later :D
    *hope i can make it.. XD

  • Ram Kumar Verma, January 31, 2013

    Hi Ainsley,
    Thanks for your post. A good web designer should keep it on mind to get better result. Your post is really helpful for the web designer.

    Thanks again for your article.