It’s impossible to remember all of the keyboard shortcuts, properties, and commands of the many web languages we use on a daily basis. That’s why cheatsheets are so indispensable to design and development.
They’re that productivity time-saver that every designer and developer should keep close at hand for quick reference and to double-check that snippet of code you have doubts about.
If you’re looking for cheatsheets for Photoshop, Illustrator, Sketch.app, or GIMP, you will them here.
Quick Jump: CSS, HTML, JavaScript, PHP, Markdown, Bootstrap, WordPress, Git, Fonts & Typography, Code Editors, and Miscellaneous Cheatsheets.
CSS Cheatsheets
CSS Vocabulary Cheatsheet (apps.workflower.fi) |
View Here → |
The Complete CSS Cheatsheet (websitesetup.org) |
View Here → |
The CSS3 Cheatsheet (smashingmagazine.com) |
View Here → |
Responsive Web Design Cheatsheet (uxpin.com) |
View Here → |
CSS Media Queries Cheatsheet (mac-blog.org.ua) |
View Here → |
CSS Animation Cheatsheet (justinaguilar.com) |
View Here → |
The Ultimate Flexbox Cheatsheet (sketchingwithcss.com) |
View Here → |
HTML Cheatsheets
HTML Vocabulary Cheatsheet (apps.workflower.fi) |
View Here → |
The Mega HTML5 Cheatsheet makeawebsitehub.com |
View Here → |
The HTML Elements Index meiert.com |
View Here → |
HTML5 Canvas Cheatsheet simon.html5.org |
View Here → |
JavaScript & jQuery Cheatsheets
PHP Cheatsheets
Markdown Cheatsheets
Markdown Cheasheet (code.ahren.org) |
View Here → |
Markdown Here Cheatsheet (github.com) |
View Here → |
Bootstrap Framework Cheatsheets
Bootstrap 4 Cheatsheet (hackerthemes.com) |
View Here → |
Bootstrap 3 Cheatsheet (creativealive.com) |
View Here → |
Glyphicons Cheatsheet (glyphicons.bootstrapcheatsheets.com) |
View Here → |
WordPress Cheatsheets
Copy/Paste WordPress Cheatsheet (buildyourownblog.net) |
View Here → |
The Ultimate WordPress Development Cheatsheet (wefixyourwp.com) |
View Here → |
Git Cheatsheets
Web Fonts & Typography Cheatsheets
Compatibility Tables for Default Local Fonts (fontfamily.io) |
View Here → |
Google Font Cheatsheet (ricostacruz.com) |
View Here → |
Font Awesome Cheatsheet (fontawesome.io/cheatsheet) |
View Here → |
The Anatomy of Type Cheatsheet (speckyboy.com) |
View Here → |
The Periodic Table of Typefaces Cheatsheet (squidspot.com) |
View Here → |
Code Editor Shortcut Cheatsheets
Sublime Text Cheatsheet (speckyboy.com) |
View Here → |
Sublime Text Cheatsheet Plugin (github.com) |
View Here → |
Commonly Used Sublime Text Commands (csnipp.com) |
View Here → |
Atom Editor Cheatsheet (cloudfront.net) |
View Here → |
Atom Editor Keyboard Shortcut Cheatsheet (blog.bugsnag.com) |
View Here → |
Vim Cheatsheet (vim.rtorr.com) |
View Here → |
Notepad++ Cheatsheet (drive.google.com) |
View Here → |
Miscellaneous Cheatsheets
The Web Developer’s SEO Cheatsheet (moz.com) |
View Here → |
MySQL Command Line Cheatsheet (github.com) |
View Here → |
.htaccess Cheatsheet (htaccesscheatsheet.com) |
View Here → |
The Foundation Framework Cheatsheet (sudheerdev.github.io) |
View Here → |
The Color Theory Cheatsheet (paper-leaf.com) |
View Here → |
The Screen Resolution Cheatsheet (design215.com) |
View Here → |
This post may contain affiliate links. See our disclosure about affiliate links here.