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)
Recent Comments