The Ultimate HTML5 Toolbox: 60+ Articles, Tutorials, Resources and Inspiring Showcases

AD

HTML5 is the exciting and long-awaited upgrade to HTML, featuring semantic tags, advanced functionality, and forming a powerful combination with CSS3.  Most developers have heard about HTML5, and are pretty excited to start using it, but as with any new technology, there is a learning curve.  Since it’s a relatively new development, there aren’t quite the plethora of tutorials and articles as there are with HTML4.  But not to worry, there are still more than enough resources to get you started.

This post serves as the ultimate HTML5 toolbox.  First, there’s a few introductory articles and videos to help you understand why HTML5 is important.  Then we’ll dive right in with a collection of tutorials that are start-to-finish.  Next, there’s a great collection of articles and tips that will help you understand more, and will cover some of the nuances of HTML5.  There’s also tons of inspirational showcases, and a massive resource list that you can use to supercharge your productivity!

Introduction:

Introduction to HTML5 – Video – Everything you want to know about how HTML5 works, why HTML5 matters, and everything else.

introduction 500x357

A Preview of HTML5 – A great introductory article explaining HTML5 and why you should use it.

apreviewofhtml5

Website Creation Tutorials:

Design and Code a Cool iPhone App Website in HTML5

12

Coding an HTML5 Layout from Scratch

designinganhtml5layoutfromscratch

Touch the Future – Design an Elegant Website with HTML5 and CSS3

cov html5 500x190

HTML5 and CSS3 – The Techniques You’ll Soon Be Using

html5 youll be using 500x263

Website Layout Tutorial: HTML5 and CSS3

final 630x478 500x379

Coding a CSS3 and HTML5 Single Page Website

coding css3 html5 1page 500x272

Cheat Sheets:

HTML5 Cheat Sheet (PDF) by SmashingMagazine – A great cheat sheet from the Smashing Magazine gurus.

cheatsheet1 500x222

HTML5 Visual Cheat Sheet by Woork – A visually appealing and easy to use reference for HTML5 tags and properties.

cheatsheet2 500x222

HTML5 Pocket Book – A must-have reference for all developers who will be using HTML5.

cheatsheet3 500x222

HTML5 Glossary – A great glossary of topics relating to HTML5.

cheatsheet4 500x222

HTML5 Reference by the W3C – A great all-in-one reference by the W3C.

html5reference 500x222

Useful Articles and Tips:

Structural Tags in HTML5 – Understanding the tags in HTML5 is key to being able to use it properly, and this article explains it all.

structuraltags 500x225

The Power of HTML5 and CSS3 – An article that explains how HTML5 and CSS3 work in tangent to deliver powerful results.

power

Have a Field Day with HTML5 Forms – HTML5 forms are incredibly powerful, so this article/tutorial teaches you how to use them.

html forms 500x263

HTML5 Rocks My Socks Off – An article explaining why HTML5 is so powerful that will convince you to start using it too!

html5 500x231

Code Structure for HTML and CSS3 – A great article that helps you understand how HTML5′s semantic tags relate to website structure.

html5tags 500x416

HTML5 Doctor – Helping You Implement HTML5 Today – A great resource that covers all sorts of HTML5 topics.

html doctor 500x222

HTML5 Forms – What Support is there? – A useful guide to understanding which browsers support which HTML5 form features.

html5forms

Inspiration:

30 Magnificent Sites Using HTML5 at their Core – A showcase of fully functioning websites that are based on HTML5.

html inspiration 1 500x409

25 Ultra Modern Websites Using HTML5 – A beautiful showcase of some very well designed websites using HTML5 and CSS3.

html inspiration 2 500x175

Beautiful HTML5 Website Showcase – Another showcase of websites that are already using HTML5 and CSS3.

html inspiration 3 500x312

Resources:

More Articles:

Awesome Articles by Other Bloggers:

Advertisement
8 Responses to “The Ultimate HTML5 Toolbox: 60+ Articles, Tutorials, Resources and Inspiring Showcases”
  1. Ian Devlin June 5, 2010
  2. Multyshades June 5, 2010
  3. Tutorial Lounge June 7, 2010
  4. Ted Thompson June 7, 2010
  5. sriganesh June 8, 2010
  6. Robby Coiro April 11, 2011
  7. Web Design Dubai September 17, 2011
  8. Chong Ewy March 13, 2012

Leave a Reply

Your email address will not be published. Required fields are marked *