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
JavaScript Cheatsheet (overapi.com)
View Here →
jQuery Cheatsheet (overapi.com)
View Here →
jQuery Quick API Reference (oscarotero.com)
View Here →
PHP Cheatsheets
The PHP Cheatsheet (overapi.com)
View Here →
PHP Cheatsheets (phpcheatsheets.com)
View Here →
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
Git Cheatsheet (overapi.com)
View Here →
Git Pretty (justinhileman.info)
View Here →
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 →