The ultimate guide to web design cheat sheets

Share this:

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.

Photoshop

Adobe Photoshop CS4 Keyboard Shortcuts

Adobe Photoshop CS4 Keyboard Shortcuts

Adobe Photoshop CS3 Keyboard Shortcuts

Adobe Photoshop CS3 Keyboard Shortcuts

Photoshop Lasso Tool Cheatsheet

Photoshop Lasso Tool Cheatsheet

Adobe Pen Tool Cheatsheet

Adobe Pen Tool Cheatsheet

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.

CSS

CSS Cheat Sheet (V2)

CSS Cheat Sheet (V2)

Mac OS X CSS Cheat Sheet

Mac OS X CSS Cheat Sheet

CSS CHEAT SHEET

CSS CHEAT SHEET

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.

XHTML

(X)HTML Elements and Attributes

(X)HTML Elements and Attributes

HTML/XHTML in one page

HTML/XHTML in one page

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.

JavaScript Frameworks

jQuery 1.3 Cheat Sheet

jQuery 1.3 Cheat Sheet

mootools 1.2 cheat sheet

mootools 1.2 cheat sheet

Prototype 1.6.0.2 Cheat Sheet

Prototype 1.6.0.2 Cheat Sheet

JavaScript in Ten Minutes: Is time of the essence? Then use this quick and easy JavaScript cheat sheet Mr. Fancypants.

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.

Flash

Adobe Flash CS4 OS X Keyboard Shortcuts

Adobe Flash CS4 OS X Keyboard Shortcuts

Flash CS3 Cheat Sheet

Flash CS3 Cheat Sheet

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.

Other Posts

Socialize

Calendar

November 2014
S M T W T F S
« Nov    
 1
2345678
9101112131415
16171819202122
23242526272829
30