Web Design Cheat Sheets For Designers & Developers

We have created a list of cheat sheets which we hope you find useful to help you become more productive and creative as web designers and developers. If we have missed anything out in the list of cheetsheets please contact us.

Adobe Cheat Sheets

Cheat sheets for Adobe products including Photoshop, Flash, and Illustrator.

• Adobe Pen Tool Cheat sheet: cheat sheet for the pens in Photoshop, Illustrator, and InDesign.
• Photoshop CS3 Keyboard Shortcuts Cheat Sheet: cheat sheet for Photoshop CS3 keyboard shortcuts.
• Photoshop CS4 Keyboard Shortcuts Cheat Sheet: Get an updated list on shortcuts available in Photoshop CS4.
• Photoshop Brush Tool Cheat sheet: for all of the brush tools and what you can do with them.
• Flash CS3 Cheat Sheet: This cheat sheet offers a visual reference for Flash CS3.
• Adobe Flash CS4 OS X Keyboard Short cuts: keyboard shortcuts for Adobe Flash CS4 on OS X.
• Adobe Illustrator Keyboard Shortcuts-Mac: Illustrator keyboard shortcuts for the Mac.
• Dreamwaver Quick Reference Guide: Dreamweaver quick reference card
• Photoshop Toolbox Reference: Toolbox reference, you’ll find out what icons mean, their shortcuts,
• Keys for using the Layers Palette: Learn how to better make use of the Layers palette with this reference.
• Photoshop 911 FAQ and Short Tips: Make Photoshop a lot easier by using this gem of information.
• Photoshop Lasso Tool Cheat sheet: Useful lasso tools document cheat sheet.
• Black and White Cheat Sheet: Convert your images to black and white with this cheat sheet.

CSS Cheat Sheets

You’ll find quick reference and more in these CSS cheat sheets.

• YUI Library: Yahoo! user interface library in this reference.
• CSS Level 1 Properties Cheat Sheet: Level 1 properties through this CSS cheat sheet.
• CSS Help Sheet: Useful CSS cheat sheet for web designers & developers
• CSS Cheat Sheet: Easily reference syntax and more using this document
• Blueprint CSS Cheat Sheet: Blueprint CSS reference.
• CSS Level 1 and CSS P Quick Reference Charts: This cheat sheet covers level 1 and processing.
• CSS Panic Guide: Find lots of CSS help through this panic guide.
• Cascading Style Cheatsheet: This cheat sheet looks over the basics and beyond in CSS.
• CSS Cheat Sheet: You’ll get easy reference for CSS using this cheat sheet.
• CSS Cheat Sheet: CSS Cheat Sheet offers a really simple and easy look at CSS.
• CSS Layout Cheat Sheet: About.com’s cheat sheet covers the basics of CSS layout.
• Cascading Style Sheets Quick Reference Guide: You’ll get a handy look at CSS with this guide.
• CSS Shorthand Cheat Sheet: Get a shorthand reference for CSS from this cheat sheet.
• CSS Cheat Sheet: Here you’ll find a cheat sheet for creating CSS files.
• CSS Level 2 Quick Reference: Use this resource to get quick reference for CSS Level 2.

HTML Cheat Sheets

HTML and XHTML Cheat Sheets

• HTML/XHTML Character Entities: Find out the code for various characters
• HTML Cheatsheet from Web Monkey for Beginners: HTML beginners cheat sheet.
• (X)HTML Elements and Attributes: Find tags and attributes easily for XHTML
• HTML Help Sheet: Useful HTML help document
• HTML Tags: Nice HTML cheat sheet is free and handy.
• Commonly Used HTML Elements and Their Corresponding Codes: This cheat sheet shows elements in action, along with their codes.
• XHTML Cheat Sheet: Common XHTML practices from this cheat sheet.
• HTML Cheat Sheet: Cheat sheet for common HTML tags.
• XHTML Cheat Sheet: XHTML reference guide.
• HTML Code Cheat Sheet: You can look up HTML tags quickly and easily with this cheat sheet.
• HTML & XHTML Tag Quick Reference: most commonly used HTML and XHTML tags.
• HTML Tags/Codes Cheat Sheet: current tags and codes with included in this cheat sheet.
• HTML Cheat Sheet: Useful HTML document for designers and developers.

Color Cheat Sheets

Color codes and web safe colors

• Color Reference Hexagon Mouse Pad: Keep your colors right at hand using this mouse pad.
• RGB Hex Colour Chart: color codes for RGB Colors
• Web Safe Color Chart: Web safe colors
• RGB Values for Macbeth Color Checker: Values for a variety of colors
• RGB Hex Colour Chart: RGB color chart with 216 web safe colors
• Color Reference Guide: Good visual reference for color codes.

AJAX Cheat Sheets

Make use of these cheat sheets to make AJAX easy.

• AJAX Cheat Sheet: Here you’ll find definitions and ideology for AJAX.
• AJAX Library Cheat Sheet: Check out this cheat sheet to find JavaScript base type extensions and more.
• The AJAX Cheatsheet: In this cheat sheet, you’ll get a simple understanding of the code.

PHP Cheat Sheets

Collection of PHP cheat sheets.

• PHP Cheat Sheet: This cheat sheet for PHP functions as a one page reference sheet.
• PHP Reference Sheet Basics: Get the basics of PHP through this quick reference sheet.
• PHP Cheat Sheet: Blue Shoes offers this useful PHP cheat sheet.
• PHP Tips/Tricks Cheat Sheet: Be more productive in PHP by putting these tips and tricks to work for you.
• PHP 4 Reference Card: This reference card will help you be more productive in PHP 4.
• PHP Quick Reference Sheet: Make a quick reference to everything you need with this sheet.
• Smarty Cheat Sheet for Template Designers: For those using Smarty to create a template design,
• PHP Skinny Sheet: Useful PHP Skinny Sheet packs a lot of information in.

JavaScript Cheat Sheets

These cheat sheets cover regular expressions, jQuery, and more.

• mootools 1.2 cheat sheet: Use this cheat sheet to get the basics of mootools.
• Regular Expressions: reference sheet offers some quick excerpts to the regular expressions in JavaScript.
• The most common DOM methods at a glance: You’ll have easy reference to DOM methods with this resource.
• JavaScript Cheat Sheet: useful reference guide.
• JavaScript Reference Card: Quickly reference items in JavaScript using this card.
• jQuery Cheatsheet: Good cheetsheet reference guide you may fine useful 
• JavaScript Reference Sheet: Use these excerpts to make JavaScript a bit easier.
• Prototype 1.6.0.2 Cheat Sheet: Using this cheat sheet, you’ll have quick reference to events, elements, and more.
• JavaScript in Ten Minutes: This reference gives you a quick breakdown of JavaScript.
• JavaScript and Browser Objects Quick Reference: JavaScript and browser objects reference guide

MySQL Cheat Sheets

MYSQL cheat sheets

• MySQL Commands: Use this cheat sheet to speed through MySQL Commands.
• MySQL Cheat Sheet: This cheat sheet works as a reference sheet for MySQL and functions available in PHP.
• MySQL Cheat Sheet: Check out this cheat sheet to find a simple guide to MySQL.
• Quick MySQL Cheat Sheet/Quick Reference: This guide covers numeric types and more.

Other Useful Cheat Sheets

Other useful cheetsheets which don’t fall into a specific category that you may find useful

• Perl Cheat Sheet: Get a simple Perl cheat sheet from this reference.
• The Web Developer’s SEO Cheat Sheet: Learn the essentials of SEO for web developers from this cheat sheet.
• Web Designer’s Font Chart: You’ll find a variety of web browser fonts on this web designer’s font chart.
• mod_rewrite cheat sheet: The mod_rewrite cheat sheet covers directives, regular expressions, common rules, and server variables.
• .htaccess Cheatsheet: This cheat sheet covers the essentials of the .htaccess file.
• Apache .htaccess cheatsheet: This cheat sheet will tell you what to do in just about any .htaccess situation.
• WordPress Help Sheet: You’ll find lots of help for WordPress through this help sheet.
• InVisible Ruby on Rails Reference: Use this quick guide to important functions, classes, and methods in Ruby on Rails.
• Windows fonts/Mac fonts/Font family: Find common fonts and their equivalents on Windows and Mac on this cheat sheet.
• W3C DOM Compatitbility Tables: Get referenced to compatibility through these tables.
• Will the browser apply the rule(s)?: Find out if your rules will actually work in various browsers with the help of this chart.
• Google Advanced Operators: Master Google search using these advanced operators.