X

120+ Great Cheat Sheets for WordPress, Web Developers and Designers

by
CodeinWP Editorial
/

“Why bother with WordPress cheat sheets?” – you ask. Well, maybe it’s just me, but I find it rather hard to remember all those keyboard shortcuts, function names, arguments, structures and whatnots that all come “with the territory” when you’re doing any kind of WordPress dev, design, or publishing work.

And it’s not just WordPress. There are even whole keyboard covers available just to make using tools like Photoshop more bearable.
Exhibit (a)

Anyways. This is where WordPress cheat sheets (and others) come in! Cheat sheets is what me and you and everybody else can benefit from hugely if they’re struggling to remember things. Have a good cheat sheet and you can easily find yourself twice as productive – I truly believe this!

But the keyword in there is “good cheat sheet.” Simply put, not all of them are created equal. Sometimes you can spend weeks looking for the perfect, tailor-made cheat sheet that fits your personal workflow perfectly – highlights all the stuff that you don’t remember and ignores everything you do.

To make this easier on everybody, we’ve gathered a rather massive list of 120+ great WordPress cheat sheets, web development cheat sheets, design cheat sheets, and more. I’m sure you’ll find at least a couple of them here that you’ll end up using regularly.

TOC: WordPress | CSS | HTML | Design | PHP | JavaScript | MySQL | Development | Miscellaneous

Note; Sorry, but we couldn’t find the authors of some of these cheat sheets. For most of them, though, you can find the author’s copyright clause + a link to their site at the bottom of the cheat sheet.

WordPress cheat sheets

“Coolness”? This is our own rating to indicate how cool we think these cheat sheets are.

Name Type View Coolness
WordPress Plugin API Cheatsheet PDF View 3
WordPress Cheatsheet PDF View 4
WordPress CSS Cheatsheet PDF View 4
WordPress Visual Cheatsheet PDF View 4
The Loop: Visual Model PDF View 5
The Loop Code Snippet PDF View 3
Intro to WordPress Cheatsheet PDF View 3
Complete WordPress Cheatsheet PDF View 3
WordPress Theme Hierarchy Map Cheatsheet PDF View 5
WordPress Theme Anatomy Model Cheatsheet PDF View 5
Cheatsheet SEO for WordPress PDF View 3
WordPress Template Designer Cheatsheet PDF View 3
Advanced WordPress Help Sheet PDF View 3
WordPress Help Sheet JPG View 4
WordPress Mega Cheatsheet Infographic JPG View 5
The Time Saving Copy/Paste WordPress Cheatsheet JPG View 4
WordPress Coding Cheatsheet JPG View 5
WordPress Database Diagram PNG View 4
WordPress Template Hierarchy PNG View 5
WordPress Keyboard Cheatsheet WWW View 5
The Ultimate WordPress Development Checklist PNG View 5
WordPress Template Tag Reference Guide WWW View 4
WordPress Developer Super Cheatsheet WWW View 4
WordPress Optimization Cheatsheet WWW View 3
WordPress Template Hierarchy WWW View 4
Anatomy of a WordPress Theme WWW View 5
Make sense of WordPress core load WWW View 4
Make sense of WordPress query functions WWW View 4

CSS cheat sheets

Name Type View Coolness
Comprehensive CSS Cheatsheet PDF View 5
The Mega CSS Cheatsheet PDF View 5
CSS3 Cascading Style Sheets PDF View 3
CSS2 Cheatsheet PDF View 4
CSS Shorthand Cheatsheet PDF View 4
The CSS3 Help Sheet PDF View 3
CSS Cheatsheet JPG View 5
CSS Cheatsheet via OverAPI.com PNG View 4
CSS Cheatsheet WWW View 4
Media Queries Cheat Sheet WWW View 3

HTML cheat sheets

Name Type View Coolness
HTML Cheatsheet PDF View 4
HTML Cheat Sheet PDF View 5
HTML Canvas Cheat Sheet PDF View 5
HTML5 - The Sheet PDF View 4
Ultimate HTML5 Cheatsheet PNG View 5
HTML Cheat sheet PNG View 5
HTML PNG View 4
HTML5 Cheatsheet Event Attribute PNG View 4
HTML5 Cheat Sheet Tags PNG View 4
HTML5 Cheat Sheet by Antonio Lupetti JPG View 5
HTML5 Peeks Pokes and Pointers WWW View 4

Design cheat sheets

Name Type View Coolness
RGB Hex Cheatsheet PDF View 4
Master Cheatsheet for Bootstrap 3 PDF View 4
Bootstrap Cheatsheet PDF View 4
Adobe Photoshop CS4 Keyboard Shortcuts PDF View 4
Adobe Photoshop Elements' Organizer Cheat Sheet PDF View 3
Adobe Flex Cheat Sheet PDF View 3
Responsive Web Design Cheatsheet PDF View 5
Web Safe Color Chart GIF View 4
The Browser Safe Colors WWW View 4
Sketch 3 Visual Cheatsheet by Manuel Ebert PNG View 5
Adobe Photoshop Keyboard Shortcuts QWERTY JPG View 5
Adobe Photoshop Keyboard Shortcuts AZERTY JPG View 5
Adobe Illustrator Keyboard Shortcuts (QWERTY) JPG View 5
Adobe Illustrator Keyboard Shortcuts (AZERTY) JPG View 5
InDesign Keyboard Shortcuts (AZERTY) JPG View 5
InDesign Keyboard Shortcuts (QWERTY) JPG View 5
Flash Keyboard Shortcuts (QWERTY) JPG View 5
Adobe Illustrator CS6 Shortcuts Cheatsheet JPG View 5
Color Theory Quick Reference Sheet for Designers JPG View 4
The Anatomy of Type Cheatsheet JPG View 5
The Screen Resolution Cheatsheet GIF View 4

PHP cheat sheets

Name Type View Coolness
PHP Cheatsheet PDF View 4
PHP Cheat Sheet PDF View 4
Advanced PHP Cheatsheet PDF View 3
PHP Skinny Sheet GIF View 4
PHP Cheatsheet WWW View 3

JavaScript and jQuery cheat sheets

Name Type View Coolness
JavaScript Cheatsheet PDF View 4
jQuery 1.5 Visual Cheatsheet PDF View 5
JavaScript Reference Card PDF View 4
JavaScript DOM Cheatsheet PDF View 4
JavaScript Cheat Sheet PNG View 4
JavaScript Quick Reference PDF View 4
NodeJS - The Sheet PDF View 4
jQuery Cheat Sheet - Beginner's Essential PDF View 4
jQuery Cheat Sheet - Beginner's Essential PNG View 5
JavaScript Cheatsheet WWW View 4
Regular Expressions for JavaScript WWW View 5

MySQL and database cheat sheets

Name Type View Coolness
MySQL Cheatsheet WWW View 4
Oracle SQL Reference Card PDF View 3
Oracle Cheat Sheet PDF View 4
MySQL Cheatsheet WWW View 4

Development cheat sheets

Name Type View Coolness
Web Developer Checklist WWW View 5
Git Pretty Flowchart PDF View 4
Java Quick Reference PDF View 4
Java EE 6 Annotations PDF View 4
Perl Quick Reference Card PDF View 4
Perl - The Cheat Sheet PDF View 3
Emmet Cheatsheet PDF View 3
Perl Reference Card PDF View 3
Python Basics PDF View 3
Python 3 Cheat Sheet PDF View 5
Python - The Sheet PDF View 3
Ruby PDF View 4
Ruby On Rails PNG View 3
Visual Basic Quick Reference PDF View 3
Git Cheatsheet via Git-Tower PNG View 5
Version Control Best Practices PNG View 5
Drupal 7 Database Cheatsheet PDF View 5
Drupal jQuery Cheatsheet PDF View 5
Drupal 7 Translation Cheatsheet PDF View 3

Miscellaneous cheat sheets

Name Type View Coolness
Campaign Monitor Template Cheatsheet PDF View 3
Linux Command Reference PDF View 4
Linux Administrator's Quick Reference Card PDF View 4
The OS X Keyboard Cheat Sheet PDF View 3
HTTP Status Codes PDF View 4
Atom Editor Cheat Sheet PDF View 4
Notepad++ Cheatsheet WWW View 5
The Web Developer's SEO Cheatsheet PDF View 5
SEO Best Practices WWW View 3
Sublime Text 3 OSX Cheatsheet PDF View 4
Sublime Text Shortcut JPG View 5

Done!

This has been a lot! We hope you’ll find this list useful and perhaps print some of those WordPress cheat sheets out. They can be quite handy if you keep them somewhere near your desk.

Also, did we somehow miss any interesting cheat sheet even though we have more than 120 of them here? Don’t hesitate to let us know!

Don’t forget to join our crash course on speeding up your WordPress site. With some simple fixes, you can reduce your loading time by even 50-80%:

Original text by Karol K and Adelina Tuca.
Layout and presentation by Karol K.

Written by CodeinWP Editorial