Unleashing HTML5: Articles, Guides, Resources, Tutorials, and Cheat Sheets

548 Flares Filament.io 548 Flares ×

1305325047_HTML_BadgeOver 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.

WC3 HTML5

Unleash HTML5 - Guides and Rouces 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

Unleash HTML5 - Guides and Rouces

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

Unleash HTML5 - Guides and Rouces

This article is a great list of resources for CSS3 and HTML5.

15 Useful Resources to Get Clued Up on 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

HTML5 Resources This is a great article that talks about HTML5 and CSS3 and how it is used and what it can do for you.

<HTML>5 Doctor

Unleash HTML5 - Guides and Rouces 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

Unleash HTML5 - Guides and RoucesThis 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

Unleash HTML5 - Guides and Rouces 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

Unleash HTML5 - Guides and Rouces Great list of resources for HTLM5

15 Easy Guides on Getting You Started with HTML5

Unleash HTML5 - Guides and Rouces 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

Unleash HTML5 - Guides and Rouces 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

Unleash HTML5 - Guides and Rouces This article has a lot good articles and a cheat sheet for HTML5.

HTML5 Rocks

Unleash HTML5 - Guides and Rouces 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

Unleash HTML5 - Guides and Rouces A great list of tags that HTML5 use.

HTML 5 Reference for Web Designers

html-5HTML-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

Unleash HTML5 - Guides and Rouces Another great article about building sites with HTML5.

How HTML5 Will Change the Way You Use the Web

 

 

 

 

 

lifehacker

Great article about HTML5.

HTML5 and The Future of the Web

smashingmagazine An older article, but it still gives some great information about HTML5

 

Why HTML5 is Worth Your Time

HTML5 ResourcesAnother great article about the features of HTML5.

HTML5 Tutorials

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

HTML5 Tutorials

This HTML5 study guide is an introduction to HTML5 microformats. Some of the microformats are easy to understand, but you will need a basic understanding of HTML to work them out.

5 HTML5 tutorials for beginners

HTML5 Tutorials This article has 5 great tutorials for beginning HTML5.

HTML5 TutorialHTML5 Tutorials

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

HTML5 Tutorials 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

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

creativefan 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

HTML5 Cheet Sheets

Easily Confused HTML5 Element Flowchart

 

HTML5 Cheet Sheets

Ultimate HTML5 Cheat Sheet [Infographic]

HTML5 Cheet Sheets

Periodic Table of the Elements

HTML5 Cheet Sheets

HTML5 Security Cheatsheet

 

HTML5 Cheet Sheets

HTML 5 Visual Cheat Sheet by Woork

HTML5 Cheet Sheets

HTML5 Cheat Sheet

HTML5 Cheet Sheets

 

Image source: IconFinder

If you enjoyed this post, make sure you subscribe to my RSS feed!

EvolutionaryDesigns.net runs on the Genesis Framework

Genesis Framework

Genesis empowers you to quickly and easily build incredible websites with WordPress. Whether you're a novice or advanced developer, Genesis provides the secure and search-engine-optimized foundation that takes WordPress to places you never thought it could go. It's that simple - start using Genesis now!


Take advantage of the 6 default layout options, comprehensive SEO settings, rock-solid security, flexible theme options, cool custom widgets, custom design hooks, and a huge selection of child themes ("skins") that make your site look the way you want it to. With automatic theme updates and world-class support included, Genesis is the smart choice for your WordPress website or blog.

About James

James spends most of his free time using social media and loves to teach others about design, web development, CSS, SEO, and social media. He is addicted to Wordpress, social media, and technology. You can reach him on his, personal website, Do not forget to follow him on Twitter @element321

Loading Facebook Comments ...

Trackbacks

  1. [...] HTML5 has been around for sometime and most of the websites you visit every day have some sort of HTML5 coding on it. If you have a fairly advanced site or looking to add some new design elements that previous [...]

Speak Your Mind

*

548 Flares Twitter 14 Facebook 5 Pin It Share 0 StumbleUpon 528 Google+ 1 Buffer 0 Email -- Filament.io 548 Flares ×