July 5, 2020

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 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

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

XHTML

(X)HTML Elements and Attributes

(X)HTML Elements and Attributes

HTML/XHTML in one page

HTML/XHTML in one page

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

Flash

Adobe Flash CS4 OS X Keyboard Shortcuts

Adobe Flash CS4 OS X Keyboard Shortcuts

Flash CS3 Cheat Sheet

Flash CS3 Cheat Sheet

Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. He is the founder of WDL and ThemeTrust.

One Ping

  1. Pingback: 18 Seriously Helpful Cheat Sheets for Easier Coding | Web Design Ledger

60 Comments

  1. ender Reply

    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.

  2. John milton Reply

    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

  3. Erick Reply

    I love Prototip — the coolest of all. But it requires the old haggard Prototype library along with Scriptaculous.

    Does anyone know of something as rich as Prototip but using Mootools or Jquery?

    Thanks.

  4. SEO Reply

    I recently came across your blog. I don’t know what to say except that I have enjoyed reading. Very informative and nice blog. I will keep visiting this blog very often.

  5. Bravo Reply

    Too many chiefs and not enough Indians.

    Well, I just started using the * all elements. I did know know that it meant all elements. I just pasted to style to my site.

    Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *