Most of us have sometime or another created our own cheat sheet for a certain technology that we often work with. It could be a keyboard shortcut, a line of script, a step in a certain process, or a link. We have this saved on our desktop, a folder, or in the cloud where we can access it when needed.

Now to clarify things a bit, there is another type of cheat sheet, something that is used during an exam. “A cheat sheet is a piece of paper with information written down on it that an unethical person might create if they weren’t prepared for a test.” Whatis.com

In the web design and development world, “A cheat sheet (also cheatsheet) or crib sheet is a concise set of notes used for quick reference.” (Wikipedia)
This is why we use cheat sheets, it makes a seamless coding flow, for you can quickly grab the bit of information you need, and continue with your work flow.

Cheat sheets also help prevent errors, because if you rely on your memory, you may be guessing an incorrect bit of information.
It prevents headaches down the road, as you have the correct information handy, and eliminates the act of troubleshooting later.

There are 83 Cheat Sheets listed below by category. You may be using some of them already, or if you are not, there might be one that could help you enjoy a smoother work flow.

HTML5 Cheat Sheets

A easy, concise , set of notes for quick reference
Cheat SheetSourceFormat
HTML5 Mega Cheat SheetA mega cheat sheet by Websitehub.comPDF
HTML5 Cheat Sheet HTML Cheat Sheet by html.comInteractive
PDF
HTML5 Quick ReferenceA quick reference guide by Smashing Magazine.PDF
HTML5 Tag SheetHTML5 Tag Cheat SHeet by Websitesetup.orgPDF
HTML5 CanvasHTML5 Canvas Cheat Sheet by Websitesetup.orgPDF

 
 

CSS3 Cheat Sheets

A easy, concise , set of notes for quick reference
Cheat SheetSourceFormat
CSS Cheat SheetBeginner’s essential
CSS Cheat Sheet by Websitesetup.org
PDF
2016
CSS Cheat Sheet
2016 CSS Cheat Sheet by Websitehub.comOnline
CSS Cheat SheetOnline interactive css cheat sheet by htmlcheatsheet.comOnline
Ultimate CSS Cheat SheetComprehensive CSS Cheat Sheet by onblastblog.comOnline
PDF
CSS3 Media QueriesMedia Queries Cheat Sheet by mac-blog.org.uaOnline
HTML Dog CSS PropertiesCSS Properties cheat sheet by htmldog.comOnline
HTML Dog CSS SelectorsCSS Selectors cheat sheet by htmldog.comOnline
HTML Dog CSS ValuesCSS Values cheat sheet by htmldog.comOnline
HTML Dog CSS Media QueriesCSS Media Queries cheat sheet by htmldog.comOnline
CSS Alignment Cheat SheetAdded:
Aligning things in CSS has been a common source of frustration, fun and even memes for a long time. However CSS evolves quickly and new specifications are written and implemented in browsers all the time.
Online
The Ultimate Flexbox Cheat SheetAdded:
Watch a 3 minute video ... The first step in any flexbox layout is to create a flex container. To do that, set the display property ...
Online

 
 

CSS Grid Cheat Sheets

Awesome cheat sheets for CSS Grid users
Cheat SheetDescription
Your ultimate CSS grid visual guide. Interactive cheat sheet.
Basics: Below are some examples of CSS Grid usage and commented code snippets, feel free to use your browsers dev tools to inspect the example above each snippet.
CSS Alignment Cheatsheet [Patrick Brosset}
Learn all about the properties available in CSS Grid Layout through simple visual examples.
MDN Web Documents: CSS Grid Layouts
CSS Grid Layout: The Fr Unit.

 
 

Java Script Cheat Sheet

Cheat SheetSourceFormat
Java Script in One PageJS cheat sheet by Alexander KrassotkinOnline
JS Cheat SheetJava Script cheat sheet by Dave ChildOnline
PDF
First Guide JS Cheat SheetJava Script cheat sheet by firstsightguide.comOnline
Java Script A-Z Cheat SheetA-Z cheat sheet by dublin techOnline
JS Cheat SheetJS cheat sheet by marijnhaverbeke.nlOnline
Java Script Quick ReferenceJS cheat sheet by explainth.atPDF
Ultimate JavaScript Cheat SheetJS cheat sheet by codementorOnline

 
 

Bootstrap 4 Cheat Sheets

A HTML, CSS, and JS Front End Framework
Cheat SheetSourceFormat
Bootstrap 4 CS with ExamplesBrandx.netOnline
Bootstrap 4 Cheat SheetHackerThemesOnline
Complete List of Bootstrap 4 ClassesBootstrapcreativeOnline
Bootstrap 4 Cheat SheetCheatographOnline
PDF

 
 

PHP Cheat Sheets

Cheat SheetSourceFormat
3 PHP Cheat SheetsGithub: Juliette Reinders Folmer
1) Variable Comparisons
2) Variable Arithmetic
3) Variable Testing
Online
PHP Cheat SheetPHP Cheat Sheet by David ChildOnline
PDF
PHP Cheat SheetBlueshoes PHP framework and CMSOnline
Smarty Cheat SheetPHP Cheat Sheet by Smarty.php.netOnline
WordPress PHP HelpsheetWP Help Sheet by quicklycodeOnline
PHP Help SheetHelp sheet by GosquaredOnline

 
 

Front End Frameworks Cheat Sheets

Cheat SheetSourceFormat
Foundation 5 Cheat SheetGithub: SudheerOnline
HTML5 Boilerplate Cheat SheetCheatography: Alexandre AchainOnline
PDF

 
 

Angular JS Cheat Sheets

Cheat SheetSourceFormat
Angular Cheat SheetAngular.ioOnline
Angular Beginner Cheat Sheetdotnetcurry.comOnline
Angular Intermediate/Advance CheatSheetdotnetcurry.comOnline
Angular Cheat SheetCheatology
ProLoser
Online
PDF
AngulaJS Cheat SheetDNCMagazineOnline

 
 

Angular 2 JS Cheat Sheet

Angular 2 Java Script Framework
Cheat SheetSourceFormat
Angular2 Cheat SheetCheatography
GregFinzer
Online
PDF
Angular 2 Cheatsheetscribd.comOnline
PDF
Angular_2_Cheatsheetangular.ioOnline
Angular2 Cheat Sheet BalramOnline

 
 

React JS Cheat Sheets

Java Script Framwork
Cheat SheetSourceFormat
React Cheat Sheetreactcheatsheet.comOnline
React Cheat Sheetreactcheatsheet.comOnline
Cheat Sheet for Reactricostacruz.comOnline
ReactJS Cheat SheetCheatography
Kitallis
Online
ReactJS Fundalmentals Cheat SheetEloquentWebAppOnline
React Cheat Sheetegghead.ioOnline

 
 

Vue JS Cheat SHeets

Java Script Framework
Cheat SheetSourceFormat
Vuejs Cheat SheetGithub
Neves
Online
PDF
Vue Basics CheatsheetGithub
Dev Coffee
Online
Vue.js Cheat Sheetdmytrish.netOnline
Vue Referencesimpletutorials.comPDF

 
 

Ember JS Cheat Sheet

Java Script Framework
Cheat SheetSourceFormat
Ember.js CheatSheetGithub
dreikanter
Online
Ember js Cheat SheetCheatography
Mroe
Online
PDF
Ember Cheatsheethamzeen hameenOnline

 
 

Meteor JS Cheat Sheets

Java Script Framework
Cheat SheetSourceFormat
Meteor.Cheat SheetGithub
LeCoupa
Online
Meteor Cheat SheetGithub
patrickleet
Online
Meteo-Cheat SheetGithub
radiegtya
Online
Meteo-Cheat SheetBitboylabs.comOnline

 
 

Other Java Script Frameworks

Backbone js, Knockout js, Aurelia js
Cheat SheetSourceFormat
Backbone js Cheatsheet Rico Sta. Cruz.Online
Backbone-js-CheatsheetKevin PrimatOnline
Knockout js Cheatsheet BeginnersDevcurryOnline
Knockout JS Cheat SHeetCheatography
mwvdlee
Online
PDF
KnockoutJS Cheat SheetTech WizOnline
Aurelia Getting Started CheatsheetCheatography
ErikCH
Online
PDF
Aurelia Cheat SheetGithub
19 Contributors
Online

 
 

jQuery 3.0 Cheat Sheets

A Java Script library
Cheat SheetSourceFormat
jQuery 3.2.1 Cheat SheetAbhinay RathoreOnline
jQuery Beginners Essential SheetWebsiteSetupPDF
jQuery 3.0 Quick Referenceoscarotero.comOnline

 
 

Express JS Cheat Sheets

Express.js is a Node.js web application server framework
Cheat SheetSourceFormat
Express JS Cheat Sheetpepa.holla.czOnline
Cheat Sheet for Express JShttp://ricostacruz.comOnline
Express JS Cheat SheetCheatography
tofagerl
Online
PDF

 
 

Ruby on Rails Cheat Sheets

Rails, is a server-side web application framework written in Ruby.
Cheat SheetSourceFormat
Rails Beginner Cheatsheetpragtob.info
Tobias Pfeiffer
Online
Rails Cheat Sheetowasp.orgOnline
Rails Cheatsheetnishacodes.tumblr.comOnline
Rails 3.2 Commands CheatsheetGithub
sadiqmmm
Online
Rails CommandLine Cheatsheetchrisjmendez.comOnline
Rails Cheat SheetGithub
mdang
Online
Rails Cheat Sheethttp://tips.tutorialhorizon.com
Ryan Sukale
Online

 
 

Designers and Developers Cheat Sheets

Various cheat sheets
Cheat SheetSourceFormat
Fontawesome CheatsheetFontawesome.ioOnline
GIT Cheat Sheetgit-tower.comOnline
Github - Git Cheat Sheetgithub.comOnline
SEO Cheat SHeetmoz.comPDF

Keep Coding
 
Gerald Watanabe
 
IslandWebTek

Share This