Over the last few years, we have heard rumors about HTML5 and what it will do for web design. Then came articles all about HTML5, mostly introductions to HTML5 and some basic features that worked in most browsers, then they started sharing resources that would only worked in browsers such as Firefox and Chrome.
But recently, things have changed, now most browsers work with HTML5 or at least there is a work around that will make it work or disable it on those browsers that can’t read certain HTML5 elements. In order to get to know HTML5 we need resources. But where we do find the best resources?
Since its release, I have been researching and reading everything I can get my hands on to understand more about HTML5. Sadly, I have only scratched the surface with HTML5. With so many articles, tutorials and other resources available for HTML5, it is hard to figure out where to start. So to cut down on all the confusion I decided to compile a list of my favorite resources, articles, tutorials, and cheat sheets for HTML5. All the listed sites, articles, and resources are sites that I have visited and found over time. I have only listed what I found helpful or might be helpful to others.
Introduction to HTML5
An important part of learning in new coding language is to be understand and know what the language you are using can do, how it works, and will it work on every browser. In this section of the resource guide, I have listed a great collection of introductory articles and websites that tell us what exactly is HTML5 and how it will shape the web in the near future. Some of the articles are older but they are still worth the read. There is no order to the articles and there is not a favorite here, I listed them as found them. I have only listed the best intro to HTML5 articles I could find.
W3C is one of the best places to find the latest information on web standards and they have a lot of great material about HTML5 and is current as of April 2011.
HTML5 Tutorial – Getting Started
Although this HTML5 guide is a few years old, it gives a great introductory to HTML5
70 Must-Have CSS3 and HTML5 Tutorials and Resources
This article is a great list of resources for CSS3 and HTML5.
15 Useful Resources to Get Clued Up on HTML5
Another old article, but still a great collection of some of the best resources for HTML5 from around the web the web design industry.
Geek 101: HTML5, CSS3 and You
This is a great article that talks about HTML5 and CSS3 and how it is used and what it can do for you.
HTML5 Doctor is a site dedicated to helping others learn HTML5. You will find articles and tutorials about HTML5.
Learn about HTML5 – HTML5 News / HTML5 Tutorials / HTML5 Guides FTW
This site has a good amount information about HTML5. What I like about it them most, is they also list other great articles related to HTML5. Then again, you can find most of those articles is this list as well…
22 Handy HTML5 & CSS3 Tools, Resources And Guides
1st Web Designer has always been a favorite place to find design resources and this article is no different. 22 Handy HTML5 & CSS Tools is another great resource for those looking for information on CSS3 and HTML5.
23 Essential HTML 5 Resources
Great list of resources for HTLM5
15 Easy Guides on Getting You Started with HTML5
This articles is a list of 15 great HTML5 guides that will walk you through the process of coding in HTML5.
An introduction to HTML5
Another great introductory article that will give you a little history, what is HTML5, code examples, and whether or not you should using it or not.
12 resources for getting a jump on HTML 5
This article has a lot good articles and a cheat sheet for HTML5.
HTML5 Rocks is a site where you can find all sorts of resources and tutorials for HTLM5.
HTML5 Quick Guide: tags to add and tags to drop
A great list of tags that HTML5 use.
HTML 5 Reference for Web Designers
“ HTML-5.com is an HTML User’s Guide and quick reference of HTML elements and attributes for authors who code HTML web pages, not only for HTML 5 but for HTML coding in general, with demos and examples of HTML code plus a cheat sheet for web developers. HTML-5.com is a great guide for web developers.” This is a great site with a lot of information. They even have a great cheat sheet that will help us transition from HTML4 to HTML5
Building Web Pages With HTML 5
Another great article about building sites with HTML5.
How HTML5 Will Change the Way You Use the Web
Great article about HTML5.
HTML5 and The Future of the Web
An older article, but it still gives some great information about HTML5
Why HTML5 is Worth Your Time
Another great article about the features of HTML5.
With learning anything new software or tool, it takes practice. Here is a list of great tutorials that range from beginner tutorials to more advanced tutorials. Instead of listing individual tutorials, I tried and listed articles that listed out several great articles. I even threw in several tutorial sites that should kick start your HTML5 training.
Beginner’s Study Guide to HTML5 Microformats
5 HTML5 tutorials for beginners
This article has 5 great tutorials for beginning HTML5.
HTML5 is a site were you can find tutorials, tips and news for HTLM5.
40 Must See HTML5 Tutorials, Techniques and Examples for Web Developers
If you are looking for a variety of HTML5 Tutorials, then this article is for you. There are 40 tutorials, techniques and examples for HTML5 to look over.
HTML5 Canvas Tutorials
HTML5 Canvas Tutorials is a site all about HTML5 Canvas, where you can find tutorials and showcases for HTML5 canvas.
10 Fresh HTML5 CSS3 and jQuery Tutorials
This collection of tutorials is a mixture of HTML5 and CSS3 tutorials with some of those tutorials just CSS3. Then there are some that are HTML5, CSS3 and jQuery tutorials.
HTML5 Cheat Sheets
Now that you know more about HTML5, here is a great list of cheat sheets to refer back to when coding HTML5. These are some of my favorites and those I found to be most useful.
HTML5 Canvas Cheat Sheet v1.1
Easily Confused HTML5 Element Flowchart
Ultimate HTML5 Cheat Sheet [Infographic]
Periodic Table of the Elements
HTML5 Security Cheatsheet
HTML 5 Visual Cheat Sheet by Woork
HTML5 Cheat Sheet
Image source: IconFinder