
As a follwoup on the article 40+ Essential Front End Web Developer Cheat Sheets it is now time to deliver a similar package to Web Designers. Creating Web Designs isn’t easy at all as it is first of all a creative process. To get the creative process started it may be a good idea to seek inspiration by looking closely at the designs used on websites that belong to the segment your design will target (ex. e-commerce shop, corporate website, personal blog etc.). Once a designer have all the inpiration and all the ideas lined up to start the actual design process he or she needs to master a set og software products (ex. Adobe Photoshop) and best practice patterns for designing web user interfaces. This article will cover the elements you need to get work done more effectively as a web developer (ex. working in photoshop, Illustrator etc.) Please make sure that you post a comment if you know an important resource that have not been included in the article. I hope you will find this article useful, lets get started!
Color Codes
The RGB Hex colour chart is a very large (183kB) PNG file, and is sized to fit on a standard A4 piece of paper. It shows the 216 so-called “web safe” or “non-dithering” colours (there are actually only 22 web safe colours, but those are revolting).



HTML Colors Cheat Sheet
This cheat sheet contains a chart of 1050 colors grouped by hue and varied into 25 different saturations and brightnesses for each. Each color has the HTML color code reprsented as a Hex triplet (e.g. #808080). Also, it contains a chart of the 216 Web-safe colors and each is represented as a single-digit Hex triplet (e.g. #999).

RGB Values for Macbeth Color Checker

Another html versions of Macbeth
Dreamweaver
DreamWeaver CS4 Keyboard Shortcuts (PC)

Working with older verisons – these may be useful then.
- DreamWeaver CS3 Quick References (PC – Mac)
- DreamWeaver 8 Quick Reference (PC)
- DreamWeaver MX Quick Reference (PC – Mac)
Illustrator
Adobe Illustrator CS4 Shortcuts (Mac – PC)

Working with older verisons – these may be useful then.
Indesign
Adobe InDesign CS4 Keyboard Shortcuts (Mac – PC)
Photoshop
Photoshop CS3 Keyboard Shortcut
Photoshop CS4 Shortcut Cheatsheets
Brush Tool cheatsheetush Tool cheat sheet for Photoshop
Adobe Photoshop Quick Reference Guide
Black & White Cheatsheet For Photoshop
Photoshop Quick reference card
Photoshop Lasso Tool Cheat Sheet
Photoshop Toolbox Reference
Keys for using the Layers palette
Working with older verisons – these may be useful then.
Flash
Flash CS4 Keyboard Shortcuts(PC and Mac)
Working with older verisons – these may be useful then.
ActionScript 3.0 Top Level Cheat Sheet
- ActionScript 2.0 Cheat Sheet
- ActionScript 3.0: flash.display Package Cheat Sheet
- ActionScript 3.0: Packages Cheat Sheet
- AS2 – AS3 Migration
Advertisement
Related posts
- 20 Resources providing Loads of Excellent Tutorials and Cheat Sheets for Flash and Action Script Adobe Flash goes back several years and have turned...
- 25+ Tools, Cheat Sheets and Inspiration for Designers working with Color Themes When designing a website, a poster, a logo etc.,...
- 50+ Cheat Sheets for Building WordPress Themes and Plugins Wordpress needs no introduction. It powerful, highly popular and...
- 40+ Essential Front End Web Developer Cheat Sheets Today more or less everyone can put a simple...
- 55+ Seriously Useful Front End Web Developer Cheat Sheets Today more or less everyone can put a simple...


















Submit
More Links
June 26th, 2009 at 12:56 pm
Great blog! Keep up the great and fabulous work!
June 26th, 2009 at 1:31 pm
@Alisa: Thanks for the positive feedback it’s very appriciated.
June 28th, 2009 at 7:58 am
beautiful work, must have list for every designer, who’s serious about his profession!
June 28th, 2009 at 8:07 am
really nice and informative post and cheat sheets. i really love it.
June 29th, 2009 at 9:55 am
This is really a must have.. thanks a lot for sharing this one.
June 29th, 2009 at 12:09 pm
@Fuad, thanks for the feedback. It is really great that you can use it.
July 16th, 2009 at 10:26 am
Hi,
I work for a web hosting site, which gives detailed information about different services and packages about hosting.
I came across your website : tripwiremagazine.com. And I find it very relevant to my client’s site.
I would like to have your co-operation, which I believe will help us to increase the productivity of both our sites.
If you are interested do get back to me. Awaiting for your positive reply.
Regards,
Karen