14 Helpful Cheat Sheets for Front-end Web Development

Posted by on Jan 19, 2010 | 28 Comments

For web developers and designers, it can be difficult to memorize the syntax for multiple programming languages and frameworks, especially since they are always evolving and growing. This is where cheat sheets come in handy. Most cheat sheets are designed to be printer friendly, so you can have them laying around on your desk as quick reference cards. Here is a collection of useful cheat sheets specifically for front end web development that will help you with HTML, JavaScript, and CSS.

HTML

HTML 5 Cheat Sheet

cheat sheet

HTML 5 Visual Cheat Sheet

cheat sheet

(X)HTML Elements and Attributes

cheat sheet

HTML Cheat Sheet

cheat sheet

HTML5 Canvas Cheat Sheet

cheat sheet

CSS

CSS Level 2 Visual Cheat Sheet

cheat sheet

CSS 3 Cheat Sheet

cheat sheet

CSS Cheat Sheet (V2)

cheat sheet

CSS Cheat Sheet

cheat sheet

JavaScript

jQuery 1.4 API Cheat Sheet

cheat sheet

jQuery 1.4 Cheat Sheet

cheat sheet

jQuery 1.4 Cheat Sheet

cheat sheet

mootools 1.2 cheat sheet

cheat sheet

JavaScript Cheat Sheet

cheat sheet

Here's some other articles that you will definitely find useful.

20 Fresh CSS3 Tutorials

9 jQuery Mistakes you Shouldn’t Commit

8 Responsive jQuery Slider Plugins

10 jQuery Plugins to Enhance your User Interfaces

Basic Tips for Getting Started with jQuery Development