Ah, the life of a web designer. To be constantly surrounded by graphic design programs and piles and piles of front-end code. Moving back and forth between different types of programs can make it harder to remember all of those essential keywords that make your life so much easier. This is when you call upon cheat sheets. They can be extremely useful in clinch situations and, don’t worry, you won’t get sent to the principal’s office if you get caught. A cheat sheet is simply a printable reference or guide to a particular software package, language, framework, etc. Without further adieu, here is Webrulon’s ultimate list of web design cheat sheets.
Note. These are grouped into category for ease of browsing.
Other Photoshop and Adobe-related cheat sheets:
Photoshop Brush Tool Cheatsheet: This cheatsheet for Photoshop offers a great reference for all of the brush tools and what you can do with them. Like the pen one but, you know, brushier.
Adobe Flash CS4 OS X Keyboard Shortcuts: This cheat sheet will provide you with all of the keyboard shortcuts for Adobe Flash CS4 on OS X. Not bad!
Adobe Illustrator Keyboard Shortcuts-Mac: This cheat sheet offers all of the Illustrator keyboard shortcuts for Macs you could shake a Steve Jobs-sized stick at. Which, actually, is a pretty small stick.
Dreamwaver Quick Reference Guide: This Dreamweaver quick reference card will make your Dreamweaver life loads easier.
Dreamweaver CS3 for Mac Quick Reference Guide: This is just like the above Dreamweaver guide but specified for Mac users.
Photoshop Toolbox Reference: This will give you a primer on Photoshop tools and icons. A good cheat sheet that doubles as a tutorial.
YUI Library: Get guides for the Yahoo! user interface library in this reference. Uber-useful.
Cascading Style Sheets Quick Reference Guide: This all-purpose guide is useful, easy-to-use and informative.
CSS Panic Guide: Don’t panic! This is sort of like a panic room except, you know, a helpful CSS guide.
Apple’s CSS Cheat Sheet Widget: With this Mac dashboard widget, you’ll be able to keep CSS references close at hand.
HTML/XHTML Character Entities: Find out the code for for any character your little heart desires with this reference.
Commonly Used HTML Elements and Their Corresponding Codes: This cheat sheet shows what each element does, and also their codes.
HTML & XHTML Tag Quick Reference: Using this quick reference, you’ll see some of the most commonly used HTML and XHTML tags. For beginners.
jQuery Cheatsheet: This cheat sheet can be printed for easy reference or made to show up on your iPhone. The future is here.
The most common DOM methods at a glance: You’ll have easy reference to DOM methods with this resource.
Miscellaneous cheat sheets
RGB Hex Colour Chart: Here you’ll find an RGB color chart with 216 web safe colors, printable on an A4 piece of paper. No more searching for color codes!
PHP Cheat Sheet: This cheat sheet for PHP functions as a one page reference sheet.
Handy Cheat Sheet of MySQL Commands: Make short work of those crafty MySQL commands with this handy cheat sheet.
Papervision 3D Cheatsheet: Use this cheat sheet for Papervision 3D in popular program Action Script.
Perl Cheat Sheet: Get a simple Perl cheat sheet from this reference.
Grammar Cheat Sheet: Content is king. Avoid costly grammar mistakes using this cheat sheet.
WordPress Help Sheet: Blog using WordPress? Then use this cheat sheet.