14 Most Useful Web Design Cheat Sheets
A well rounded web designer’s day is spent immersed in multiple graphic design programs and writing front end code. All of this moving from one environment to another can make it hard to memorize such things as hot keys and shortcuts for each. This is where cheat sheets come into play. A cheat sheet is simply a printable reference or guide to a particular software package, language, framework, etc.
Here are 14 of my favorite cheat sheets.
Photoshop
Adobe Photoshop CS4 Keyboard Shortcuts
Adobe Photoshop CS3 Keyboard Shortcuts
Photoshop Lasso Tool Cheatsheet
Adobe Pen Tool Cheatsheet
CSS
CSS Cheat Sheet (V2)
Mac OS X CSS Cheat Sheet
CSS CHEAT SHEET
XHTML
(X)HTML Elements and Attributes
HTML/XHTML in one page
JavaScript Frameworks
jQuery 1.3 Cheat Sheet
mootools 1.2 cheat sheet
Prototype 1.6.0.2 Cheat Sheet
Flash
Adobe Flash CS4 OS X Keyboard Shortcuts
Flash CS3 Cheat Sheet
Related Posts
Here's some other articles that you will definitely find useful.
The Most Common HTML and CSS Mistakes to Avoid
A Closer Look at FlashComponents.net
20 Sets of Photoshop Brushes for Vintage Style Design
14 Helpful Cheat Sheets for Front-end Web Development
80+ Photoshop Actions for Giving Your Pictures a Vintage Look
Mar 3, 2009
Thanks! Just snagged me a couple cheat sheets.
Mar 3, 2009
Merci !!! Thank you !!
Mar 3, 2009
thanks for a great post.
you got the link of the Flash CS3 Cheat Sheet wrong..
Mar 3, 2009
These are some really useful resources and will hopefully save me a lot of headaches!
Mar 3, 2009
Nice selection, I actually just thought it would be the same CSS and jQuery sheets over again but the Photoshop ones could come in quite handy.
Mar 3, 2009
Keyboard shortcut cheat sheets are so useful and time saving. Although its sometimes hard to visualize how you will use them unless you see them in action. Great post!
Mar 3, 2009
I followed a link to this page from Twitter and cheatsheets are not only good but modern too including CS4 is a good move.
Mar 3, 2009
Great resource, have given you a well earned tweet…
Mar 3, 2009
Cheat sheets are great, thanks for the fantastic article.
Mar 3, 2009
@Shkedim Studio – Whoops. Thanks for pointing this out. It is fixed now.
Mar 3, 2009
Thank you, that is a great resource for a designer indeed.
A will definately use a few of them.
Mar 3, 2009
sadly, it looks like the Mac OS X CSS widget is no longer available. I got a 404 error when i tried to download it from Apple and the website itself appears to be only a holding page now. Too bad as that looked very useful.
Mar 3, 2009
@ender – It’s been a while since I downloaded it. Sorry about that. I should have double checked the link again before posting it.
Mar 3, 2009
Not bad. There’s more at http://www.pushingbuttons.net/cheats/
Mar 3, 2009
Great list, I have been looking to learn the keyboard short cuts for Photoshop CS3, Thank you.
Mar 3, 2009
Useful list, but you missed out Git:
http://zrusin.blogspot.com/2007/09/git-cheat-sheet.html
I seem to remember there’s one for SVN as well, but I can’t remember where it was.
Mar 3, 2009
Thanks for the awesome resource. These cheat sheets will be useful to my trainees.
Mar 3, 2009
Woohoo! Love the jquery and flash cheat sheets. thanks for shoving them all in one spot for me!
Mar 3, 2009
Great round up of useful cheat sheets. Thank you for this.
Mar 3, 2009
Thanks for including my Flash CS4 shortcut sheet! Glad you find it as useful as I do. This was a really useful list of the other sheets here too.
Mar 3, 2009
you aren’t kidding! I have the photoshop one laminated and taped to my desk.
Mar 4, 2009
great useful information..
Mar 4, 2009
I can work more fast now after read this post
Mar 4, 2009
Not quite a ‘cheat sheet’, more of a cheat encyclopedia really. I have them all….Highly recomended
http://www.visibone.com
Mar 4, 2009
Very useful stuff! Great addition!
Mar 4, 2009
Anything that saves time is a blessing. Good job!
Mar 4, 2009
Best blog post i’ve seen this month!!!
Mar 4, 2009
Nice! Thank you!
Mar 5, 2009
Great assortment of resources. Thanks!
Mar 5, 2009
Any chance of a GIMP 2.0 cheat sheet showing up soon?
Mar 5, 2009
hey, thanks for these. I didn’t realize these were out there and it’s an excellent resource to have. thanks
Mar 6, 2009
Great collection. Will be sure to pass it on.
Mar 6, 2009
thanks for your collection. those are real timesavers…
Mar 7, 2009
Thanks you, these are really great.
Mar 7, 2009
These can really come in handy.thanks.
Mar 8, 2009
Hate searching for tutorials on the web for simple coding. Found this really useful. Thanks.
Mar 9, 2009
Hi..
Indeed a great list.
Keyboard shortcut cheat sheets are so useful and time saving. Although its sometimes hard to visualize how you will use them unless you see them in action.In all Great post!
Thanks..
John
Mar 9, 2009
A terrific post. I love the design of your blog–with the comments column that is designed like stacked comic expression boxes.
Mar 10, 2009
A very wonderful post on web design. Thanks for the sharing.
Mar 12, 2009
Extremely usefull. The one regarding mootools framework just briliant. Thank you.
Mar 16, 2009
For mac, they have a Dashboard cheatSheet… Check out this link:
http://www.apple.com/downloads/dashboard/developer/jqueryreference.html
Mar 20, 2009
Great post. Handy not only as a reminder as stuff you know but also good for discovering new shortcuts. Thanks for posting this.
Mar 23, 2009
You should also check out http://showmehtml.com
It’s a little easier on the eyes than the other example that has all the HTML tags on one page.
Mar 24, 2009
Hi all, I added a Dreamweaver CS4 sheet here: http://subdivision.co.uk/adobe-dreamweaver-cs4-shortcuts-cheatsheet/
Mar 24, 2009
..and both PC and OS X versions of the Flash CS4 sheet are available now: http://subdivision.co.uk/adobe-flash-cs4-shortcuts-cheatsheet/
Mar 26, 2009
Thanks for the cheat sheet! i am still in the process of learning what my codes mean and this has helped me alot! Thanks!http://www.searchenginesubmissionservice.biz
[...] few weeks ago, I showed you the best cheat sheets for web designers. Following that post, many of you showed interest in having cheat sheets to help you write code. [...]
Apr 22, 2009
Nice assortment of useful cheat sheets!
Indianapolis Web Design
May 14, 2009
Awesome post, thanks!
Jun 26, 2009
Thanks for these