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.
10 Places to Get Photoshop Actions
Photoshop CS6 Cheat Sheet
20 Fresh CSS3 Tutorials
Developing Streamlined and Efficient CSS Styles
HTML5 & CSS3: Take Your Design to Another Level
58 comments
Scott
March 3, 2009Thanks! Just snagged me a couple cheat sheets.
Ekios
March 3, 2009Merci !!! Thank you !!
Shkedim Studio
March 3, 2009thanks for a great post.
you got the link of the Flash CS3 Cheat Sheet wrong..
Lee Milthorpe
March 3, 2009These are some really useful resources and will hopefully save me a lot of headaches!
Nathan Beck
March 3, 2009Nice 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.
Niki Brown | The Design O'Blog
March 3, 2009Keyboard 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!
A Website Designer
March 3, 2009I followed a link to this page from Twitter and cheatsheets are not only good but modern too including CS4 is a good move.
Steve
March 3, 2009Great resource, have given you a well earned tweet…
Daniel
March 3, 2009Cheat sheets are great, thanks for the fantastic article.
Henry
March 3, 2009@Shkedim Studio – Whoops. Thanks for pointing this out. It is fixed now.
Wayne Helpard
March 3, 2009Thank you, that is a great resource for a designer indeed.
A will definately use a few of them.
ender
March 3, 2009sadly, 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.
Henry
March 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.
Timothy
March 3, 2009Not bad. There’s more at http://www.pushingbuttons.net/cheats/
Luiz Lopes
March 3, 2009Great list, I have been looking to learn the keyboard short cuts for Photoshop CS3, Thank you.
Simon Douglas
March 3, 2009Useful 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.
Lea
March 3, 2009Thanks for the awesome resource. These cheat sheets will be useful to my trainees.
pavlicko
March 3, 2009Woohoo! Love the jquery and flash cheat sheets. thanks for shoving them all in one spot for me!
John
March 3, 2009Great round up of useful cheat sheets. Thank you for this.
Matthew Would
March 3, 2009Thanks 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.
Wade Jackman
March 3, 2009you aren’t kidding! I have the photoshop one laminated and taped to my desk.
cnlogger
March 4, 2009great useful information..
Zohaib
March 4, 2009I can work more fast now after read this post
Sam Jones
March 4, 2009Not quite a ‘cheat sheet’, more of a cheat encyclopedia really. I have them all….Highly recomended
http://www.visibone.com
Jon
March 4, 2009Very useful stuff! Great addition!
ByteMeGeeks
March 4, 2009Anything that saves time is a blessing. Good job!
Ozbax
March 4, 2009Best blog post i’ve seen this month!!!
Ian
March 4, 2009Nice! Thank you!
Nippy Ireson
March 5, 2009Great assortment of resources. Thanks!
Charles Root
March 5, 2009Any chance of a GIMP 2.0 cheat sheet showing up soon?
logo design guru
March 5, 2009hey, thanks for these. I didn’t realize these were out there and it’s an excellent resource to have. thanks
Les A
March 6, 2009Great collection. Will be sure to pass it on.
frank katzer | 1klang.de internetagentur ( fulda / petersberg)
March 6, 2009thanks for your collection. those are real timesavers…
Webbo
March 7, 2009Thanks you, these are really great.
gregorio
March 7, 2009These can really come in handy.thanks.
Adam
March 8, 2009Hate searching for tutorials on the web for simple coding. Found this really useful. Thanks.
John milton
March 9, 2009Hi..
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
Political Pundit Paul
March 9, 2009A terrific post. I love the design of your blog–with the comments column that is designed like stacked comic expression boxes.
Crazy Web Host
March 10, 2009A very wonderful post on web design. Thanks for the sharing.
Krystian
March 12, 2009Extremely usefull. The one regarding mootools framework just briliant. Thank you.
Blacksnipe
March 16, 2009For mac, they have a Dashboard cheatSheet… Check out this link:
http://www.apple.com/downloads/dashboard/developer/jqueryreference.html
BizLogo
March 20, 2009Great post. Handy not only as a reminder as stuff you know but also good for discovering new shortcuts. Thanks for posting this.
Geoff A
March 23, 2009You 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.
Matt_W
March 24, 2009Hi all, I added a Dreamweaver CS4 sheet here: http://subdivision.co.uk/adobe-dreamweaver-cs4-shortcuts-cheatsheet/
Matt_W
March 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/
http://www.searchenginesubmissionservice.biz
March 26, 2009Thanks 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
Dan
April 22, 2009Nice assortment of useful cheat sheets!
Indianapolis Web Design
David Costales
May 14, 2009Awesome post, thanks!
Matt
June 26, 2009Thanks for these
DJ
July 2, 2009good find mate.
1 Trackback
[...] 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. [...]