60+ Very Useful Cheat Sheets for Web Developers

January 8, 2011 · 41 comments

by Lars

newwebdevcheat

A Cheat Sheet is one pager (or in some cases a few pages) brining together the most important and often used information about a specific technology, tool etc. Cheat Sheets are useful because Web Developers today need to remember more things to be effective doing their job than most people can manage. Having the right Cheat Sheets printed out and placed on the wall next to the monitor is like adding extra memory banks to an exhausted computer – the information you need can be accessed instantly. This post focus on Cheat Sheets for Web Developers but You can find them on many other subjects. Read on and pick the Cheat Sheets you need.


ElegantThemes
ThemeForest

Advertisement

Article Index

Markup Cheat Sheets

There’s a lot of cheat sheets available for CSS, html and any other web technology. I have picked a few that I believe stand out because they are able to assist you remebering important elements of key web technologies or because they are really well structured.

Print out your favorite Cheat Sheet and put it on the wall just next to your monitor to get instant access to help and reference.

Gosquared CSS help sheets

Good looking and well structured CSS overview

newwebdevcheat

addedbytes CSS2 Cheat Sheet

The CSS cheat sheet is a one-page reference sheet, listing all selectors (as of CSS 2.1) and properties. It includes a visual example of the box model, unit reference for CSS units and the various media types CSS makes allowance for.

newwebdevcheat

Core css

All you need to know about CSS in 3 parts. These documents go through all important aspects of CSS on a minimum number of pages.

newwebdevcheat

CSS Shorthand Cheat Sheet

Get help with some of the CSS elements that are so easy to forget.

newwebdevcheat

CSS2 – Quick Reference Guide – PDF

newwebdevcheat

CSS 3 Cheat Sheet (PDF)

There are not a lot of CSS 3 Cheat Sheets available by now but Smashing Magazine provide a great one for Free. This is a must have if you plan to start using some CSS 3!

css 3 resources

W3C – Cascading Style Sheets, Current Work

If you want to follow the development of CSS3, this page is the place to start.

css 3 resources

CSS support in Opera 9.5

css 3 resources

CSS 3 Support In Firefox 3.5

css 3 resources

Core HTML

newwebdevcheat

XHTML 1.1 Cheat Sheet

This cheat sheet is designed to be a quick reference to all of the elements and attributes available in the XHTML 1.1 specification. And because XHTML 1.1 is designed to be modular, it is organized into sections to mirror the XHTML abstract modules and the elements and attributes contained within each.

newwebdevcheat

Gosquared html help sheets

Good looking and well structured html overview

newwebdevcheat

HTML Cheat Sheet

The HTML cheat sheet is a one-page A4 printable document, designed to provide a quick reference for HTML. PDF PNG

newwebdevcheat

HTML5 Canvas Cheat Sheet

The information is pretty much just a copy of what is found in the WHATWG specs, just condensed and hopefully a bit easier to read. There are virtually no explanations, however, and no examples other than some graphics for compositing values and a few other things (the appearance of which is very much inspired by those found in Mozilla’s examples). So, it’s basically just a listing of the attributes and methods of the canvas element and the 2d drawing context.

newwebdevcheat

HTML Character Entities Cheat Sheet

The HTML Character Entities cheat sheet is designed to act as a reference sheet, listing the various character codes in HTML. PDF PNG

newwebdevcheat

HTML Character Entities Cheat Sheet

This cheat sheet contains a list of all of the HTML 4 character entities including ISO 8859-1 (Latin-1) entities. The characters are organized into 8 groups: Latin characters, Greek characters, numbers, puncutation and miscellaneous symbols, mathematical symbols, currency symbols, arrows and shapes, and spacing symbols.

Each character contains a unicode entity reference (e.g. &#160) as well as a named entity reference (e.g.  ) where available.

newwebdevcheat

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).

newwebdevcheat

RGB Hex Colour Chart

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).

newwebdevcheat

XML (eXtensible Markup Language) in one page

newwebdevcheat

XML Syntax Quick Reference

newwebdevcheat

Scripting Cheat Sheets

JavaScript Cheat Sheet

The JavaScript cheat sheet is designed to act as a reminder and reference sheet, listing methods and functions of JavaScript. It includes reference material for regular expressions in JavaScript, as well as a short guide to the XMLHttpRequest object. A description of what is on the cheat sheet follows, or if you are impatient, you can go straight to the full size JavaScript cheat sheet.

CHEAT_SHEETS

JavaScript DOM Cheatsheet

Working with XML in Javascript is

CHEAT_SHEETS

jQuery Cheat Sheet 1.2

newwebdevcheat

Getting Started with Ajax

newwebdevcheat

Scriptaculous Cheat Sheet

newwebdevcheat

Symfony Cheat Sheet

CHEAT_SHEETS

JavaScript Cheat Sheet

CHEAT_SHEETS

Mootools Cheat Sheet

CHEAT_SHEETS

mootools 1.2 cheat sheet

This sheet cover Core, Native, Class, Element, Utilities and Request

CHEAT_SHEETS

prototype 1.5.0

newwebdevcheat

Prototype 1.6.0.2 Cheat Sheet

  • Modules are sorted in a somewhat logical order – those commonly used are mostly in the left/center area, while deprecated/utility methods are all the way to the right
  • Method can be recognized by parentheses following it (anything that doesn’t have ones is a property)
  • Deprecated items are marked red and have NO parentheses/arguments specified
  • Prototype extends quite few native objects’ prototypes with a set of convenient methods. In such cases there’s an explicit note about it next to a module name – i.g. stripScripts() method from “String (String.prototype)” can be called as ‘foo’.stripScripts()
  • When a module is also a class, there’s a “(constructor)” note next to it – i.g. “Hash (constructor)” means that it should be called as new Hash()
  • There are few bonus items (such as those from Prototype.Browser) which are not yet included in documentation

CHEAT_SHEETS

Download

Addison-Wesley’s JavaScript Reference Card

Javascript: A scripting language designed to be integrated into HTML code to produce enhanced, dynamic, interactive web pages.

CHEAT_SHEETS

jQuery selectors

Very comprehensive overview of jQuery selectors. This is a must have for every jQuery developer!

newwebdevcheat

Server side programming

Apache Cheat Sheet

newwebdevcheat

Apache 1.3 Quick Reference Card – PDF

newwebdevcheat

Mod_Rewrite Cheat Sheet

newwebdevcheat

htaccess Cheatsheet

newwebdevcheat

PHP Cheat Sheet

newwebdevcheat

PHP Cheat Sheet (V2)

The PHP cheat sheet is a one-page reference sheet, listing date format arguments, regular expression syntax and common functions.

CHEAT_SHEETS

visibone

This website contains a 2-page light and lean PHP cheatsheet and an 8-page comprehensive PHP cheat sheet for committed PHP developers

newwebdevcheat

Php 4 Reference Card

CHEAT_SHEETS

PHP Cheat Sheet

3 cheat sheets covering comparison using different operators etc.

CHEAT_SHEETS

Struts

newwebdevcheat

Ruby on Rails Cheat Sheet

newwebdevcheat

Python

newwebdevcheat

JSP Cheat Sheet

CHEAT_SHEETS

Django Cheat Sheet

newwebdevcheat

Core C# and .NET Quick Reference

CHEAT_SHEETS

ASP.net

CHEAT_SHEETS

MS ASP

The ASP cheat sheet is designed to act as a reminder and reference sheet, listing various of the oft-forgotten parts of ASP / VBScript.

CHEAT_SHEETS

msnet formatting strings

CHEAT_SHEETS

SQL (Structured Query Language) in one page

CHEAT_SHEETS

MySQL Cheat Sheet

CHEAT_SHEETS

SQL Cheat Sheet

mysql

MySQL/CheatSheet

Regular Expressions

Added Bytes

Regular expressions is really about knowing what syntax to use and there are many details to memorise. I would recommend that you get yourself a cheat sheet. In my opinion a good cheat sheet is essentials and I personally recommend the one Added Bytes provide for free.

regexlib CheatSheet

Regular Expressions Cheat Sheet

Quick Reference Guide

Regular Expressions for client-side JavaScript

Search Engine Optimization Cheat Sheets

Creating good content that is presented in the right way is important but only haft the way to get visitors. Understanding and mastering Search Engine Optimization, SEO is quite essential and here you get some really good overviews

The Web Developer’s SEO Cheat Sheet

This cheat sheet cover most of what you need, Important SEO Html Tags, Search Engine Indexing Limits, Recommended Title Tag Syntax, Common Canonical Issues, Important Search Engine Robot User-Agents etc.

CHEAT_SHEETS

Get the latest 646-563 dumps to practice and pass real exam on first attempt. Download the latest E20-001 dumps along with 70-685 dumps dumps questions for fail-safe preparation.

{ 15 comments… read them below or add one }

Roger March 30, 2011 at 4:28 am

Lars , thank you much for compiling all these resources. I am getting lost in reading your 100+ of this… 65+ of that articles. Good stuff!

Reply

Lars March 30, 2011 at 7:30 am

Your welcome Roger. I may be better in creating segments and splitting up the huge posts.

Reply

Seo Pakistan September 4, 2010 at 11:23 am

Hi,Wonderful list of helpful cheat sheets. You might forgot to include my cheat sheets in your list:1. Visual Cheat Sheet: CSS Compatibility with Internet Explorer 6, 7 and 8 2. Visual Cheat Sheet: IE 8 and Firefox 3.5 Keyboard ShortcutsThanks

Reply

Andre August 19, 2010 at 3:36 pm

For Panic’s Html Editor Coda

The Coda Cheat Sheet
url is http://trainingsjacke.de/2010/07/28/cheat-sheet-for-panics-coda/

Reply

Eric July 28, 2010 at 9:08 pm
hermes handbags July 9, 2010 at 4:16 am

Great web site. Solid, helpful advice that you can benefit from and for free, it does not get much better than that. The web needs more sites like this one, please keep it up.

Reply

Seo Pakistan May 28, 2010 at 5:48 am

Firstly i would like to thank you for this amazing blog post. It really helped me, though i already had imagined that trick. Still, you enhanced my optimism and taught me some of the values that go together with this comment-trick.

Continue your great work

Reply

Affiliate Network May 19, 2010 at 9:49 am

Great web site. Solid, helpful advice that you can benefit from and for free, it does not get much better than that. The web needs more sites like this one, please keep it up.

Reply

Freeware softwares April 10, 2010 at 11:07 am

Good job, really nice site, keep continue, I would really prefer Mixx for others.

Reply

Devlin December 27, 2009 at 4:26 pm

Great collection! Thanks!

Reply

Toni December 25, 2009 at 9:18 pm

A sheet of support would add is the “Template with extended ANSI characters for Windows” you can customize, although the post is in Spanish so you can easily translate. In the following link.

Reply

webb December 25, 2009 at 3:42 am

I am definately bookmarking this page.

Reply

kiuz December 24, 2009 at 12:19 pm
Irineu Junior December 24, 2009 at 12:11 pm

Nice collection. Thanks a lot… very interesting the SEO Sheets

Reply

Mike Benner December 24, 2009 at 5:32 am

Great collection of sheets. I have a few, but it is nice to have one location to get them all.

Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

{ 26 trackbacks }

Previous post:

Next post:


Web Analytics