Useful Cheat Sheets for Web Designers

Cheat sheets (also known as reference cards, reference sheets, etc.) not only helps you remember things quickly, but can also serve as wall decoration for your workspace.

In this post, you’ll find 28 excellent, useful cheat sheets in various file formats for Photoshop, Dreamweaver, colors, typography, and other web-design related topics all in one page with pictures of each cheat sheet.

Photoshop

1- Photoshop CS3 Keyboard Shortcuts Cheat Sheet

Downloads: PDF (Windows), PDF (Mac)

2- Keys for using the Layers palette (HTML)

3- Photoshop Toolbox Reference (HTML)

4- Photoshop Lasso Tool Cheatsheet

Download: PDF

5- Photoshop Brush Tool Cheatsheet

Download: PDF

Color References

6- RGB Hex Colour Chart

Downloads: PDF, PNG

7- Color Reference Guide (PDF)

Download: PDF

8- Web Designer Color Reference Hexagon  Mouse Pad

Download: GIF

9- Web Safe Color Chart (HTML)

10- Hexidecimal Color Chart (HTML)

11- The Browser Safe Colors (HTML)

Typography

12- VisiBone Font Card

Download: GIF

13- Common fonts to all versions of Windows & Mac equivalents (HTML)

14- Mixing Typefaces (PDF)

Units/Dimension

15- Approximate Conversion from Points to Pixels (HTML)

16- Megapixels Chart

Download: GIF

CSS/CSS Frameworks

17- Blueprint CSS Cheat Sheet

Download: PDF

18- YUI Library: CSS Reset, Base, Fonts, and Grids (PDF)

19- CSS Shorthand Cheat Sheet (PDF)

20- Apple’s CSS Cheat Sheet Widget (Mac Dashboard Widget)

HTML/XHTML

21- HTML & XHTML Tag Quick Reference (PDF)

22- HTML/XHTML Character Entities

23- XHTML Character Entity Reference (HTML)

Dreamweaver

24- Dreamweaver Quick Reference Guide (PDF)

25- Dreamweaver CS3 for Mac Quick Reference Card (PDF)

Illustrator

26- Adobe Illustrator CS2 Keyboard Shortcuts – MAC

Download: PDF

Browsers

27- Will the browser apply the rule(s)? (HTML)

28- W3C DOM Compatibility Tables (HTML)