Essential Cheat Sheets and Reference Cards For Web Designers and Developers

Essential Cheat Sheets and Reference Cards For Web Designers and Developers

Posted on by in Photoshop, Resources


Its impossible to remember all of the functions and keyboard shortcuts for all of your favorite web design and development applications.  The one way to master your frequently used applications and increase productivity significantly is to use reference guides.

No one will accuse you of “cheating” or doing something wrong…being able to perform a function 3 or 4 different ways is a vital part of the overall mastering process.

In addition, understanding and knowing the tricks of all the tools at your disposal inside the applications will allow for greater creativity.

This group of reference tool provide simple, easy to understand instructions for completing both routine and advanced tasks.   We have collected some of the best cheat sheets for web designers.  It includes the essential design references as well as some of the more popular programming languages that non coders may find themselves involved with, including HTML, WordPress, CSS, Javascript, MooTools and Scriptlicious.

Photoshop Cheats and Shortcuts

Photoshop CS3 Keyboard Shortcuts
All keyboard shortcuts organized into four pages, by menu, as well as alphabetically by key.

PC Format
MAC Format

CS3 Keyboard Shortcuts

Photoshop CS3 Keyboard Shortcuts

Photoshop CS4 Keyboard Shortcuts
All keyboard shortcuts organized into four pages, by menu, as well as alphabetically by key.

PC Format
MAC Format

Photoshop CS4 Keyboard Shortcuts

Photoshop CS4 Keyboard Shortcuts

Layers palette Shortcuts

A list of shortcut keys for using Layers palette.

Layers Pallete Shortcuts

Layers Pallete Shortcuts

Photoshop Toolbox Reference

Photoshop Toolbox Shortcuts

Photoshop Toolbox Shortcuts

Photoshop Brush Tool Cheat Sheet

Brush Tools Cheat sheet

Brush Tools Shortcuts

Photoshop Lasso Tool Cheat Sheet

Lasso Tools Shortcuts

Lasso Tools Shortcuts

Dreamweaver Reference Charts

Dreamweaver CS4 Reference Sheet

15_dreamweaver_cheatsheet

Dreamweaver CS4 Reference Sheet

Dreamweaver CS 3 Quick Reference Guide

Dreamweaver CS3 Quick Reference Guide

Dreamweaver CS3 Quick Reference Guide

Font Reference Charts

Common Windows and MAC HTML fonts

Font Reference Chart

Font Reference Chart

Color Reference Charts

Web Designer Color Reference Hexagon  Mouse Pad

Color Reference Hexagon

Color Reference Hexagon

RGB Hex Colour Chart

Color Reference Chart

Color Reference Chart

HTML Reference Charts

HTML Tags Cheat Sheet

HTML Tags Cheatsheet

HTML Tags Cheatsheet

HTML Character Reference Guide

HTML Character Reference Guide

HTML Character Reference Guide

HTML Cheat Sheet

HTML Cheat Sheet

HTML Cheat Sheet

Cascading Style Sheets Quick Reference Guide

CSS Quick Reference Guide

CSS Quick Reference Guide

Cheat sheet for creating CSS files

CSS Cheatsheet

CSS Cheat Sheet

CSS Shorthand Cheat Sheet

CSS Cheatsheat

CSS Cheat Sheet

Scripting Reference Charts

Complete One Page Javascript Cheat Sheet
A detailed HTML cheat sheet covering all aspects of Javascript development.

Complete Javascript Cheat Sheet

Complete Javascript Cheat Sheet

Addison-Wesley Javascript Reference Card
An understandingly popular JavaScript Reference Card from Addison-Wesley’s.

Addison-Wesley Javascript Reference Card

Addison-Wesley Javascript Reference Card

Javascript Cheat Sheet

Javascript Reference Guide

Javascript Reference Guide

Scriptalicious Cheat Sheet

Scriptalicous Reference Guide

Scriptalicous Reference Guide

Mootools Cheat Sheet

MooTools Reference Guide

MooTools Reference Guide

Assorted Reference Charts

SEO Cheat Sheet

SEO Reference Guide

SEO Reference Guide

WordPress Help Sheet

Wordpress Reference Guide

Wordpress Reference Guide

.htaccess file Cheat Sheet

HTACCESS Reference Guide

HTACCESS Reference Guide

Tags: , , , ,

12 Responses to “Essential Cheat Sheets and Reference Cards For Web Designers and Developers”

  1. claudiamanie

    26. Oct, 2009

    hi..very nice and effective info…presented very beautifully..it will really help the user who will go through..you can either get more info. from http://www.magiknewmedia.com

    [Reply]

  2. [...] the rest here: Essential Cheat Sheets and Reference Cards For Web Designers and … AKPC_IDS += "6945,";Popularity: unranked [?] « Google is Not Helpful Law Bytes: Internet [...]

  3. [...] Original post:  Essential Cheat Sheets and Reference Cards For Web Designers and … [...]

  4. [...] the original post: Essential Cheat Sheets and Reference Cards For Web Designers and Developers | Web Design Tutorials a… Comments0 Leave a Reply Click here to cancel [...]

  5. [...] Several great 'cheat sheets' and reference cards for web designers! [...]

  6. [...] Read Full [...]

  7. [...] Essential Cheat Sheets and Reference Cards For Web Designers and Developers [...]

  8. [...] Essential Cheat Sheets and Reference Cards For Web Designers and Developers [...]

  9. [...] Essential Cheat Sheets and Reference Cards For Web Designers and Developers [...]

  10. [...] Essential Cheat Sheets and Reference Cards For Web Designers and Developers [...]

  11. ricardo

    10. Feb, 2011

    thank you so much!! best regards ever!

    [Reply]

  12. Andrew - Web Design NZ

    06. Apr, 2011

    Thanks heaps, thats a super helpful list that will help me a lot!

    [Reply]

Leave a Reply