33 Best Free HTML5 Tutorials

Cool HTML5 Games

Well, if you fed up of your regular work, you should try creating games with the usage of HTML5 and JavaScript. Follow the tutorial.

12. Cool HTML5 Games

Case Study: Building Technitone.com 

You can learn about almost everything related to production here. From Plan to server, from sounds to visuals and off course the regular workflow.

An in Depth Analysis of HTML5 Multimedia and Accessibility

Want to present your media content in a different way; this tutorial will help you in doing so.

14. An in Depth Analysis of HTML5 Multimedia and Accessibility

Designing a blog with HTML5

Want to set up a blog on your own and feel lost? Well, this place will help you in setting up a blog.

HTML5 Tutorial: How to Build a Single Product Page

This is a fictional work however; you will learn how to build a single product page.

16. HTML5 Tutorial How to Build a Single Product Page

HTML5 File Uploads with jQuery

If you want to learn the development of a small web application, this is the place to be.

HTML5 File Uploads with jQuery

Making a beautiful HTML5 Portfolio

This tutorial will help you in designing an awesome HTML5 portfolio. It is definitely, a great way to showcase your portfolio.

18. Making a beautiful HTML5 Portfolio

How to build Cross-Browser HTML5 forms

This tutorial will help you in building cross-browser HTML5 forms. You will be able to accommodate modern and old browsers.

20. How to build Cross-Browser HTML5 forms

Implementing HTML5 drag and drop

If you plan to build a shopping cart interface, this tutorial is the right place for you. You will be able to design drag and drop feature with ease.

21. Implementing HTML5 drag and drop

Retro Shop – single page layout for your e-shop

Build a retro template using HTML5/CSS and JavaScript by following this tutorial.

22. Retro Shop single page layout for your e shop

Convert your WordPress theme to HTML5

Learn the conversion of WordPress theme from XHTML to HTML 5, bit by bit with the help of this tutorial.

23. Convert your WordPress theme to HTML5

HTML5 and CSS3 without Guilt

Obviously, not every browser support HTML5 so this tutorial will help you in using these tools even on old browsers.

Create an interactive bubble chart with HTML5 canvas

With this tutorial, you can create a bubble chart with HTML5 canvas. It will work on desktop mobile and will help in populating the data in real.

25. Create an interactive bubble chart with HTML5 canvas

Have a field day with HTML5 forms

Want to make an attractive HTML5 form? This tutorial is for you.

26. Have a field day with HTML5 forms

HTML5 Canvas Element Guide

It will help you in understand the canvas element.

27. HTML5 Canvas Element Guide

Build a lightbox for a responsive HTML5 touch interface:

This tutorial will explain how you can create a lightbox.

28. Build a lightbox for a responsive HTML5 touch interface

Creating an AD in HTML5

We all know that HTML5 is competing with latest technologies like Flash. Flash is used to ads and since HTML5 is evolving, this tutorial will guide you on how to create ads with hTML5.

29. Creating an AD in HTML5

HTML5 Geolocation Tutorial

This tutorial will help you in learning geolocation capabilities and basic principles of HTML5. Once you are familiar with them, you can use them in developing your next app.

30. HTML5 Geolocation Tutorial

Conclusion

There are a lot more tutorials available all over the internet. Please share if you find some great tutorials.

Pages: 1 2

About the author

With a passion for Knowledge, Smashinghub has been created to explore things like Free Resources For Designers, Photographers, Web Developers and Inspiration.

Twitter Visit author website

Subscribe to Smashing Hub


3 Comments

  1. Alex hales says:

    Thanks alot for the great tutorials its very useful.

  2. Great resources. HTML5 is that the future obviously. But these days we have a tendency to still have to be compelled to fight with IE est compatibility issues…hope lately are going to be presently simply a memory.

  3. Ayaz Malik says:

    Good collection! HTML5 is the next big dude in the neighbourhood !