Every web designer knows that today it is almost impossible to create a website with just one program. Sometimes it can get a little confusing to remember which code goes with which language, furthermore sometimes you forget the shortcuts that make your life much easier. This is where cheat sheets come into handy. A cheat sheet is simply a printable reference or guide to a particular software package, language, framework, etc.

Here are 10 of my favorite cheat sheets.

HTML 5 Cheat Sheet

html5cheatsheets2

HTML5 Tags Cheat Sheet

Screen Shot 2013-02-18 at 11.11.46 AM

HTML 5 Visual Cheat Sheet

 Screen Shot 2013-02-18 at 11.12.46 AM

HTML5 id/class name cheat sheet

 Screen Shot 2013-02-18 at 11.13.49 AM

HTML5 Canvas Cheat Sheet

Screen Shot 2013-02-18 at 11.14.40 AM

 

HTML 5 Visual Cheat Sheet

html5cheatsheet

CSS CHEAT SHEET

Screen Shot 2013-02-18 at 11.16.28 AM

(X)HTML Elements and Attributes

Screen Shot 2013-02-18 at 11.17.02 AM

HTML5 Browser compatibility

Screen Shot 2013-02-18 at 11.17.41 AM

CSS3 Cheat Sheet

css3