10 top HTML5 resources

The web is a wonderful thing, brimming with resources and tutorials for people wanting to learn HTML5. But, sometimes, too much choice can be confusing, so we’ve picked 10 top online resources that will really help you get to grips with it.

01. HTML5 Rocks

HTML5 resources
HTML5 Rocks. Seriously

HTML5 Rocks is an awesome resource for for developers looking to put HTML5 to use today, including information on specific features and when to use them in your apps.

02. .net

Top HTML5 resources
Check out .net for HTML5 news and examples

If you’re looking for HTML5 news, advice and tips, our sister site .net is a fantastic place to start. Here you’ll find articles written by experts in the field as well as lots of awesome examples of the computer language in action.

03. HTML5 & Friends

HTML5 resources
HTML5 & Friends offers a wealth of information on the programming language

HTML5 & Friends on the Mozilla Developer Network offers a great selection of information, demonstrations, tools and resources on the programming language. The web page is clean and extremely easy to navigate, using symbols, lists and a simple grid to lead to you the desired information.

04. HTML5 Cheat Sheet

HTML5 resources
This HTML5 cheat sheet lists all currently supported tag, descriptions and much more

The guys over at Smashing Magazine released this handy, printable HTML5 cheat sheet, which lists all currently supported tags, their descriptions, attributes and their support in HTML 4.

05. 55 amazing examples of HTML5

HTML5 resources
Check out our list of awesome HTML5 examples to see exactly what it’s capable of

We couldn’t make a list of awesome HTML5 resources without including this compliation we put together. If you want to see exactly what this programming language is capable of, look no further.

06. Introduction to HTML5 from Mozilla

Organsed by topics, MDN provides documentation about all areas of web designs

The Mozilla Developer Network is a fantastic resource for web developers. Organized by topics, it provides documentation about extensions, themes, applications, frameworks and technologies –¬†including an excellent in-depth section on HTML5. Not only does it discuss the fundamentals of HTML5, there’s also a section which points you in the direction of other online resources on the subject.

07. HTML5 Doctor

HTML5 Doctor covers everything you need to get started with the computer language

For everything HTML, head over to HTML5 Doctor where you will find articles on everything you might need as well as an awesome ‘Ask the Doctor’ Q&A section, in which top advocates of the technology, including Bruce Lawson, Remy Sharp, and Rick Clark, answer on a regular basis. A brilliant resource.

08. HTML5 for Web Designers

Jeremy Keith’s HTML5 for Web Designers is a brilliant and entertaining user guide

Web developer Jeremy Keith has taken the 900-page, hard-to-read HTML5 spec and created a much more user-friendly 85-page version with HTML5 for Web Designers. Among the pages, Keith cuts to the chase, explaining what accessible, content-focused standards-based web designers and front-end developers need to know clearly and with easy to understand, practical examples. You have to pay for it, but the e-version is a steal at just $ 9.

09. Dive into HTML5

Mark Pilgrim’s Dive into HTML5 is a fantastic resource to help you get to grip with the basics of HTML5

Dive into HTML5 by Mark Pilgrim is a fantastic resource to help you really get to grips with the basics of HTML5. In depth and detailed, this online book will help you get to grips with the semantics of new elements, playing video without Flash, local storage, offline apps, manipulating browser history and much more.

10. HTML5 Please

The HTML5 Please site encourages developers to ‘use the new and shiny responsibly’

HTML5 Please is an awesome HTML5 tool, giving users the power to “use the new and shiny responsibly”. This great resource helps you choose and look up features of HTML5 you can use and provides advice in making decisions about how to implement the computer language into your projects.

You’ll find more training resources here:

Creative Bloq

Leave a comment

Your email address will not be published.