{"id":2957,"date":"2011-05-15T21:43:18","date_gmt":"2011-05-16T03:43:18","guid":{"rendered":"http:\/\/www.evolutionarydesigns.net\/blog\/2011\/05\/15\/unleashing-html5-articles-guides-resources-tutorials-and-cheat-sheets\/"},"modified":"2011-05-19T11:59:11","modified_gmt":"2011-05-19T17:59:11","slug":"unleashing-html5-articles-guides-resources-tutorials-and-cheat-sheets","status":"publish","type":"post","link":"https:\/\/www.evolutionarydesigns.net\/blog\/2011\/05\/15\/unleashing-html5-articles-guides-resources-tutorials-and-cheat-sheets\/","title":{"rendered":"Unleashing HTML5: Articles, Guides, Resources, Tutorials, and Cheat Sheets"},"content":{"rendered":"

\"1305325047_HTML_Badge\"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.<\/p>\n

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\u2019t read certain HTML5 elements. In order to get to know HTML5 we need resources. But where we do find the best resources?<\/p>\n

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.<\/p>\n

Introduction to HTML5<\/h2>\n

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.<\/p>\n

WC3 HTML5<\/h3>\n

\"Unleash<\/a> 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<\/a> and is current as of April 2011.<\/p>\n

HTML5 Tutorial \u2013 Getting Started<\/h3>\n

\"Unleash<\/a><\/h3>\n

Although this HTML5 guide<\/a> is a few years old, it gives a great introductory to HTML5<\/p>\n

70 Must-Have CSS3 and HTML5 Tutorials and Resources<\/h3>\n

\"Unleash<\/a><\/p>\n

This article is a great list of resources<\/a> for CSS3 and HTML5.<\/p>\n

15 Useful Resources to Get Clued Up on HTML5<\/h3>\n

\"15<\/a> Another old article, but still a\u00a0 great collection of some of the best resources for HTML5<\/a> from around the web the web design industry.<\/p>\n

Geek 101: HTML5, CSS3 and You<\/h3>\n

\"HTML5<\/a> This is a great article that talks about HTML5 and CSS3<\/a> and how it is used and what it can do for you.<\/p>\n

<HTML>5 Doctor<\/h3>\n

\"Unleash<\/a> HTML5 Doctor<\/a> is a site dedicated to helping others learn HTML5. You will find articles and tutorials about HTML5.<\/p>\n

Learn about HTML5 – HTML5 News \/ HTML5 Tutorials \/ HTML5 Guides FTW<\/h3>\n

\"Unleash<\/a>This site has a good amount information about HTML5<\/a>. 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\u2026<\/p>\n

22 Handy HTML5 & CSS3 Tools, Resources And Guides<\/h3>\n

\"Unleash<\/a> 1st Web Designer has always been a favorite place to find design resources and this article is no different. 22 Handy HTML5 & CSS Tools<\/a> is another great resource for those looking for information on CSS3 and HTML5.<\/p>\n

23 Essential HTML 5 Resources<\/h3>\n

\"Unleash<\/a> Great list of resources<\/a> for HTLM5<\/p>\n

15 Easy Guides on Getting You Started with HTML5<\/h3>\n

\"Unleash<\/a> This articles is a list of 15 great HTML5 guides<\/a> that will walk you through the process of coding in HTML5.<\/p>\n

An introduction to HTML5<\/h3>\n

\"Unleash<\/a> Another great introductory article<\/a> that will give you a little history, what is HTML5, code examples, and whether or not you should using it or not.<\/p>\n

12 resources for getting a jump on HTML 5<\/h3>\n

\"Unleash<\/a> This article has a lot good articles and a cheat sheet for HTML5<\/a>.<\/p>\n

HTML5 Rocks<\/h3>\n

\"Unleash<\/a> HTML5 Rocks<\/a> is a site where you can find all sorts of resources and tutorials for HTLM5.<\/p>\n

HTML5 Quick Guide: tags to add and tags to drop<\/h3>\n

\"Unleash<\/a> A great list of tags<\/a> that HTML5 use.<\/p>\n

HTML 5 Reference for Web Designers<\/h3>\n

\"html-5\"<\/a>\u201c <\/em>HTML-5.com<\/em><\/a> 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.\u201d<\/em> This is a great site with a lot of information. <\/em>They even have a great cheat sheet that will help us transition from HTML4 to HTML5<\/p>\n

Building Web Pages With HTML 5<\/h3>\n

\"Unleash<\/a> Another great article about building sites with HTML5<\/a>.<\/p>\n

How HTML5 Will Change the Way You Use the Web<\/h3>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

\"lifehacker\"<\/a><\/p>\n

Great article<\/a> about HTML5.<\/p>\n

HTML5 and The Future of the Web<\/h3>\n

\"smashingmagazine\"<\/a> An older article, but it still gives some great information about HTML5<\/a><\/p>\n

 <\/p>\n

Why HTML5 is Worth Your Time<\/h3>\n

\"HTML5<\/a>Another great article about the features of HTML5<\/a>.<\/p>\n

HTML5 Tutorials<\/h2>\n

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.<\/p>\n

Beginner\u2019s Study Guide to HTML5 Microformats<\/h3>\n

\"HTML5<\/a><\/p>\n

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

5 HTML5 tutorials for beginners<\/h3>\n

\"HTML5<\/a> This article has 5 great tutorials for beginning HTML5<\/a>.<\/p>\n

HTML5 Tutorial\"HTML5<\/a><\/h3>\n

HTML5<\/a> is a site were you can find tutorials, tips and news for HTLM5.<\/p>\n

40 Must See HTML5 Tutorials, Techniques and Examples for Web Developers<\/h3>\n

\"HTML5<\/a> If you are looking for a variety of HTML5 Tutorials<\/a>, then this article is for you. There are 40 tutorials, techniques and examples for HTML5 to look over.<\/p>\n

HTML5 Canvas Tutorials<\/h3>\n

\"HTML5<\/a><\/p>\n

HTML5 Canvas Tutorials<\/a> is a site all about HTML5 Canvas, where you can find tutorials and showcases for HTML5 canvas.<\/p>\n

10 Fresh HTML5 CSS3 and jQuery Tutorials<\/h3>\n

\"creativefan\"<\/a> This collection of tutorials<\/a> 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.<\/p>\n

HTML5 Cheat Sheets<\/h2>\n

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.<\/p>\n

HTML5 Canvas Cheat Sheet v1.1<\/h3>\n

\"HTML5<\/a><\/p>\n

Easily Confused HTML5 Element Flowchart<\/h3>\n

 <\/p>\n

\"HTML5<\/a><\/p>\n

Ultimate HTML5 Cheat Sheet [Infographic]<\/h3>\n

\"HTML5<\/a><\/p>\n

Periodic Table of the Elements<\/h3>\n

\"HTML5<\/a><\/p>\n

HTML5 Security Cheatsheet<\/h3>\n

 <\/p>\n

\"HTML5<\/a><\/p>\n

HTML 5 Visual Cheat Sheet by Woork<\/h3>\n

\"HTML5<\/a><\/p>\n

HTML5 Cheat Sheet<\/h3>\n

\"HTML5<\/a><\/p>\n

 <\/p>\n

Image source: IconFinder<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

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 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[841],"tags":[842,843,359,845,844,1498],"class_list":["post-2957","post","type-post","status-publish","format-standard","hentry","category-design-resources-2","tag-articles","tag-guides","tag-html5","tag-html5-cheat-sheets","tag-html5-tutorials","tag-resources","entry","has-post-thumbnail"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/pJPdG-LH","jetpack_sharing_enabled":true,"jetpack-related-posts":[],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts\/2957","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/comments?post=2957"}],"version-history":[{"count":0,"href":"https:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts\/2957\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/media?parent=2957"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/categories?post=2957"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/tags?post=2957"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}