The Best HTML5 and CSS3 Cheat Sheets of 2011

48 Flares Filament.io 48 Flares ×

Now that HTML5 and is CSS3 is out and many website designs and WordPress themes require HTML5 and CSS3 its a good idea to at least get familiar with the elements and the coding of CSS3 and HTML5. To do that you could always check out the HTML5 Resource collection I wrote back in May of 2011 or you can do a quick an easy check for certain HTML5 elements by checking HTML5 cheat sheets.

HTML5 Cheat Sheets

This collection of cheat sheets are the best HTML5 cheat sheets of 2011. Some of the cheat sheets are a little older, but the information hasn’t changed much. What has changed is that some of the newer cheat sheets will have new elements that were not available when the older cheat sheets were created.  Some of the cheat sheets aren’t infographic styled cheat sheets but more like a database with a search field or a traditional blog entry with a ton of quick any ease code examples for HTML5.

If you know any great HTML5/CSS3 cheat sheets that aren’t listed here, please let us know by commenting below. As always, if I update this article with more information, I will add a little information about those that help make this article better.

HTML 5 Visual Cheat Sheet by Woork

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

HTML5 Canvas Cheat Sheet v1.1

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

Easily Confused HTML5 Element Flowchart

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

Ultimate HTML5 Cheat Sheet [Infographic]

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

Periodic Table of the Elements

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

HTML5 Security Cheat sheet

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

Mobile HTML5 Cheat Sheetmobile-html5-cheat-sheet

HTML5 Cheat Sheet

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

HTML5 Pocket BookHTML5 Pocket Book

HTML5 Security Cheat SheetHTML5 Security Cheat Sheet W3.Org HTML5 Cheat Sheet

W3.Org HTML5 Cheat Sheet

HTML5/CSS3 CheatsheetHTML5/CSS3 Cheatsheet

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

Comments

  1. Now these are pretty handy I must admit! Only thing is I haven’t started learning HTML5 yet :/ but I will be learning it in the near future so I’ll remember these!

    Thanks
    Robert recently posted..5 Killer Tips To Increase Your Smartphones Battery LifeMy Profile

Speak Your Mind

*

48 Flares Twitter 20 Facebook 9 Pin It Share 4 StumbleUpon 0 Google+ 12 Buffer 3 Email -- Filament.io 48 Flares ×