{"id":4314,"date":"2011-12-28T13:42:00","date_gmt":"2011-12-28T19:42:00","guid":{"rendered":"http:\/\/www.evolutionarydesigns.net\/blog\/2011\/12\/28\/the-best-html5-and-css3-cheat-sheets-of-2011\/"},"modified":"2011-12-28T11:01:40","modified_gmt":"2011-12-28T17:01:40","slug":"the-best-html5-and-css3-cheat-sheets-of-2011","status":"publish","type":"post","link":"https:\/\/www.evolutionarydesigns.net\/blog\/2011\/12\/28\/the-best-html5-and-css3-cheat-sheets-of-2011\/","title":{"rendered":"The Best HTML5 and CSS3 Cheat Sheets of 2011"},"content":{"rendered":"

Now that HTML5 and is CSS3 is out and many website designs and WordPress<\/a> 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<\/a> 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.<\/p>\n

HTML5 Cheat Sheets<\/h2>\n

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\u2019t 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.\u00a0 Some of the cheat sheets aren\u2019t 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.<\/p>\n

If you know any great HTML5\/CSS3 cheat sheets that aren\u2019t 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.<\/p>\n

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

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

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

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

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

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

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

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

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

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

HTML5 Security Cheat sheet<\/h3>\n

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

Mobile HTML5 Cheat Sheet\"mobile-html5-cheat-sheet\"<\/a><\/h3>\n

HTML5 Cheat Sheet<\/h3>\n

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

HTML5 Pocket Book\"HTML5<\/a><\/h3>\n

HTML5 Security Cheat Sheet\"HTML5<\/a> W3.Org HTML5 Cheat Sheet<\/h3>\n

\"W3.Org<\/a><\/p>\n

HTML5\/CSS3 Cheatsheet\"HTML5\/CSS3<\/a><\/h3>\n","protected":false},"excerpt":{"rendered":"

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 […]<\/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":[359,1048,845,1049,1047],"class_list":["post-4314","post","type-post","status-publish","format-standard","hentry","category-design-resources-2","tag-html5","tag-html5-canvas-cheat-sheet","tag-html5-cheat-sheets","tag-html5-security-cheat-sheet","tag-mobile-html5-cheat-sheets","entry","has-post-thumbnail"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/pJPdG-17A","jetpack_sharing_enabled":true,"jetpack-related-posts":[],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts\/4314","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=4314"}],"version-history":[{"count":0,"href":"https:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts\/4314\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/media?parent=4314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/categories?post=4314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/tags?post=4314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}