37 Must-Have Cheat Sheets and Quick References for Web Developers and Designers
A Cheat Sheet, also known as a crib sheet or quick reference guide,
is a concise set of notes used for quick reference. It is a document
containing summarized information used for quick reference. Most Web
developers and Web designers know that cheat sheets are extremely
useful, where you can use them for quick reference and easy learning.
There are many cheat sheets available for Web developers and designers
and it can get difficult to figure out the best ones. In this post, I
have compiled the top 37 free cheat sheets that will save you money,
time and mistakes.Ok. I admit, I did not cover all Web programming, scripting languages, markup languages, frameworks and different Web technologies. It is impossible to list all cheat sheets in one post. That´s why in my next post I discussed the top 5 cheat-sheet Websites (Directories) for developers and designers, where you can choose the ones I missed.
CSS2
CSS is a language that gives Web developers control over how Web pages are displayed. Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification.CSS 2 Visual Cheat Sheet
![CSS 2 Visual Cheat Sheet. CSS 2 Visual Cheat Sheet.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/css2-visual-cheat-sheet.jpg)
CSS2 Help Sheet
![CSS2 Help Sheet. CSS2 Help Sheet.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/css2-help-sheet.jpg)
CSS ShortHand Property Cheat Sheet
![CSS ShortHand Property Cheat Sheet. CSS ShortHand Property Cheat Sheet.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/css-shorthand-property-cheat-sheet.jpg)
CSS3
CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts. It allows to adapt the presentation to different types of devices, such as large screens, small screens, or printers. Cascading Style Sheets Level 3.CSS3 Click Chart
![CSS3 Click Chart. CSS3 Click Chart.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/css3-click-chart.jpg)
- Visit Website
CSS3 Help Sheet
![CSS3 Help Sheet. CSS3 Help Sheet.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/css3-help-sheet.jpg)
CSS3 Quick Reference Guide
![CSS3 Quick Reference Guide. CSS3 Quick Reference Guide.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/css3-quick-reference-guide.jpg)
- Download PDF file
HTML5
HTML5 is a language for structuring and presenting content for the World Wide Web. It is the fifth revision of the HTML standard and as of October 2011 is still under development. Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices. HTML5 – Wikipedia.HTML5 Doctor
![Element Index - HTML5 Doctor. Element Index - HTML5 Doctor.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/html5-doctor.jpg)
- Visit Website
HTML5 Quick reference Guide
![HTML5 Quick reference Guide. HTML5 Quick reference Guide.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/html5-quick-reference-guide.jpg)
- Download PDF file
HTML5 Elements
![Periodic Table of HTML5 Elements. Periodic Table of HTML5 Elements.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/html5-elements.jpg)
- Visit Website
XHTML
XHTML is a variant of HTML that uses the syntax of XML, the Extensible Markup Language. XHTML has all the same elements as the HTML variant, but the syntax is slightly different.XHTML Basic 1.1 Cheat Sheet
![W3C XHTML Basic 1.1 Cheat Sheet. W3C XHTML Basic 1.1 Cheat Sheet.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/w3c-xhtml1.1-basic-cheat-sheet.jpg)
- Visit Website
XHTML 1.0 Strict Cheat Sheet
![W3C XHTML 1.0 Strict Cheat Sheet. W3C XHTML 1.0 Strict Cheat Sheet.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/w3c-xhtml1-strict-cheat-sheet.jpg)
- Visit Website
XHTML Character Entity Reference
![XHTML Character Entity Reference. XHTML Character Entity Reference.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/xhtml-character-entity-reference.jpg)
- Visit Website
JavaScript
JavaScript is a scripting language commonly used to add interactive elements to Web pages.JavaScript Reference Card
![JavaScript Reference Card. JavaScript Reference Card.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/javascript-refererence.jpg)
- Download PDF file
JavaScript and Browser Objects Quick Reference
![JavaScript and Browser Objects Quick Reference. JavaScript and Browser Objects Quick Reference.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/javascript-and-browser-objects-quick-reference.jpg)
- Download PDF file
jQuery
jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.jQuery 1.6 Cheat Sheet
![jQuery 1.6 API Cheat Sheet. jQuery 1.6 API Cheat Sheet.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/jQuery-1.6-api-cheat-sheet.jpg)
Regular Expressions
In computing, a regular expression provides a concise and flexible means for “matching” (specifying and recognizing) strings of text, such as particular characters, words, or patterns of characters. Abbreviations for “regular expression” include “regex” and “regexp”.This excellent Regular Expressions reference should be your first place for tutorials, examples and reference.
Regular Expressions Cheat Sheet
![Regular Expressions Cheat Sheet. Regular Expressions Cheat Sheet.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/regular-expressions-cheat-sheet.jpg)
Regular Expression (.NET Framework)
![Regular Expression Cheat Sheet (.NET Framework). Regular Expression Cheat Sheet (.NET Framework).](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/regular-expression-cheat-sheet.jpg)
- Visit Website
PHP
PHP is an open source, server-side, HTML embedded scripting language used to create dynamic Web pages.PHP Manual Quick Reference
![PHP Manual Quick Reference. PHP Manual Quick Reference.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/php-function-list.jpg)
- Visit Website
PHP Application Security Checklist
![PHP Application Security Checklist. PHP Application Security Checklist.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/php-application-security-checklist.jpg)
- Download PDF file
WordPress
WordPress is an open source blogging tool and publishing platform powered by PHP and MySQL. It is often customized into a CMS. It has many features including a plug-in architecture and a template system.The WordPress Codex should be your first place for help and tutorials, information and documentation.
WordPress3.0 Cheat Sheet
![WordPress3.0 Cheat Sheet. WordPress3.0 Cheat Sheet.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/wordpress-3-cheat-sheet.jpg)
- Download PDF file
WordPress Cheat sheet
![WordPress Cheat sheet. WordPress Cheat sheet.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/wordpress-cheat-sheet.jpg)
WordPress Help Sheet Wallpaper
![WordPress Help Sheet Wallpaper. WordPress Help Sheet Wallpaper.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/wordpress-help-sheet.jpg)
MySQL
MySQL is an open source RDBMS that relies on SQL for data processing.Common MySQL Queries
![Common MySQL Queries. Common MySQL Queries.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/common-MySQL-queries.jpg)
- Visit Website
Flash
Adobe Flash is a multimedia platform used to add animation, video, and interactivity to Web pages. Flash is frequently used for advertisements, games and flash animations for broadcast. More recently, it has been positioned as a tool for “Rich Internet Applications”.Flash Professional & Flash Catalyst CS5
![Flash Professional CS5 & Flash Catalyst CS5 cheat sheet. Flash Professional CS5 & Flash Catalyst CS5 cheat sheet.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/flash-professional-and-flash-catalyst-cs5-cheat-sheet.jpg)
- Visit Website
ActionScript
ActionScript is an object-oriented language used for the development of Websites targeting Adobe Flash Player.ActionScript 3.0
![ActionScript 3.0. ActionScript 3.0.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/actionscript-3-top-level.jpg)
- Download PDF file
Dreamweaver
Adobe Dreamweaver is a Web authoring and editing software that provides both visual and code-level capabilities for creating standards-based Websites and designs.Dreamweaver CS5
![Dreamweaver CS5 cheat sheet. Dreamweaver CS5 cheat sheet.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/dreamweaver-cs5-cheat-sheet.jpg)
- Visit Website
Photoshop
Photoshop is a graphics editing program developed and published by Adobe Systems.Photoshop CS5
![Photoshop CS5 cheat sheet. Photoshop CS5 cheat sheet.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/photoshop-cs5-cheat-sheet.jpg)
- Visit Website
Photoshop Keyboard Shortcuts
![Photoshop Keyboard Shortcuts Cheat Sheet. Photoshop Keyboard Shortcuts Cheat Sheet.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/photoshop-keyboard-shortcuts.jpg)
Colors
Color Theory Quick Reference
![BColor Theory Quick Reference Poster. Color Theory Quick Reference Poster.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/color-theory-cheat-sheet.jpg)
- Visit Website | Downloads: PDF | (1920 X 1200) image | (1440 X 900) image
Color Reference Guide
![Color Reference Guide. Color Reference Guide.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/color-reference-guide.jpg)
- Download PDF file
Fonts
Web Safe Fonts Cheat Sheet
![Web Safe Fonts Cheat Sheet. Web Safe Fonts Cheat Sheet.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/web-safe-fonts-cheat-sheet.jpg)
- Visit Website | Downloads: PDF (zipped) | image
Periodic Table of Typefaces
![Periodic Table of Typefaces. Periodic Table of Typefaces.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/periodic-table-of-typefaces.jpg)
SEO
Search Engine Optimization is the process of improving the visibility of a Website or a Web page in search engines via the “natural” or un-paid search results. In general, the earlier (or higher ranked on the search results page), and more frequently a Website appears in the search results list, the more visitors it will receive from the search engine´s users.SEO Cheat Sheet
![SEO Cheat Sheet. SEO Cheat Sheet.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/web-developer-seo-cheat-sheet.jpg)
On-Page SEO Cheatsheet
![On-Page SEO Cheatsheet. On-Page SEO Cheatsheet.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/on-page-seo-cheat-sheet.jpg)
- Download PDF file
Mobile Web
Mobile Web refers to the use of Internet-connected applications, or browser-based access to the Internet from a mobile device, such as a smartphone or tablet computer, connected to a wireless network.Mobile Web Best Practices
![W3C Mobile Web Best Practices Flipcards. W3C Mobile Web Best Practices Flipcards.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/w3c-mobile-web-best-practices-flip-cards.jpg)
Website Usability
Web usability is an approach to make Websites easy to use for an end-user (user-friendly), without the requirement that any specialized training be undertaken.Website Usability Checklist
![25-point Website Usability Checklist. 25-point Website Usability Checklist.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/website-usability-checklist.jpg)
What Beautiful HTML Looks Like
HyperText Markup Language, an authoring language used to create documents for the World Wide Web.![What Beautiful HTML Code Looks Like. What Beautiful HTML Code Looks Like.](http://bacsoftwareconsulting.com/blog/wp-content/uploads/2011/10/beautiful-html.jpg)
- Download image file