And it’s not just WordPress. There are even whole keyboard covers available just to make using tools like Photoshop more bearable.
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.
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 Cheatsheet | View | 4 | |
| The Loop: Visual Model | View | 5 | |
| The Loop Code Snippet | View | 3 | |
| Intro to WordPress Cheatsheet | View | 3 | |
| Complete WordPress Cheatsheet | View | 3 | |
| WordPress Theme Hierarchy Map Cheatsheet | View | 5 | |
| WordPress Theme Anatomy Model Cheatsheet | View | 5 | |
| Cheatsheet SEO for WordPress | View | 3 | |
| WordPress Template Designer Cheatsheet | View | 3 | |
| Advanced WordPress Help Sheet | View | 3 | |
| WordPress Help Sheet | JPG | View | 4 |
| WordPress Mega Cheatsheet Infographic | JPG | View | 5 |
| 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 | View | 5 | |
| The Mega CSS Cheatsheet | View | 5 | |
| CSS3 Cascading Style Sheets | View | 3 | |
| CSS2 Cheatsheet | View | 4 | |
| CSS Shorthand Cheatsheet | View | 4 | |
| The CSS3 Help Sheet | 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 | View | 4 | |
| HTML Cheat Sheet | View | 5 | |
| HTML Canvas Cheat Sheet | View | 5 | |
| HTML5 - The Sheet | 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 | View | 4 | |
| Master Cheatsheet for Bootstrap 3 | View | 4 | |
| Bootstrap Cheatsheet | View | 4 | |
| Adobe Photoshop CS4 Keyboard Shortcuts | View | 4 | |
| Adobe Photoshop Elements' Organizer Cheat Sheet | View | 3 | |
| Adobe Flex Cheat Sheet | View | 3 | |
| Responsive Web Design Cheatsheet | 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 | View | 4 | |
| PHP Cheat Sheet | View | 4 | |
| Advanced PHP Cheatsheet | View | 3 | |
| PHP Skinny Sheet | GIF | View | 4 |
| PHP Cheatsheet | WWW | View | 3 |
JavaScript and jQuery cheat sheets
| Name | Type | View | Coolness |
|---|---|---|---|
| JavaScript Cheatsheet | View | 4 | |
| jQuery 1.5 Visual Cheatsheet | View | 5 | |
| JavaScript Reference Card | View | 4 | |
| JavaScript DOM Cheatsheet | View | 4 | |
| JavaScript Cheat Sheet | PNG | View | 4 |
| JavaScript Quick Reference | View | 4 | |
| NodeJS - The Sheet | View | 4 | |
| jQuery Cheat Sheet - Beginner's Essential | 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 | View | 3 | |
| Oracle Cheat Sheet | View | 4 | |
| MySQL Cheatsheet | WWW | View | 4 |
Development cheat sheets
| Name | Type | View | Coolness |
|---|---|---|---|
| Web Developer Checklist | WWW | View | 5 |
| Git Pretty Flowchart | View | 4 | |
| Java Quick Reference | View | 4 | |
| Java EE 6 Annotations | View | 4 | |
| Perl Quick Reference Card | View | 4 | |
| Perl - The Cheat Sheet | View | 3 | |
| Emmet Cheatsheet | View | 3 | |
| Perl Reference Card | View | 3 | |
| Python Basics | View | 3 | |
| Python 3 Cheat Sheet | View | 5 | |
| Python - The Sheet | View | 3 | |
| Ruby | View | 4 | |
| Ruby On Rails | PNG | View | 3 |
| Visual Basic Quick Reference | View | 3 | |
| Git Cheatsheet via Git-Tower | PNG | View | 5 |
| Version Control Best Practices | PNG | View | 5 |
| Drupal 7 Database Cheatsheet | View | 5 | |
| Drupal jQuery Cheatsheet | View | 5 | |
| Drupal 7 Translation Cheatsheet | View | 3 |
Miscellaneous cheat sheets
| Name | Type | View | Coolness |
|---|---|---|---|
| Campaign Monitor Template Cheatsheet | View | 3 | |
| Linux Command Reference | View | 4 | |
| Linux Administrator's Quick Reference Card | View | 4 | |
| The OS X Keyboard Cheat Sheet | View | 3 | |
| HTTP Status Codes | View | 4 | |
| Atom Editor Cheat Sheet | View | 4 | |
| Notepad++ Cheatsheet | WWW | View | 5 |
| The Web Developer's SEO Cheatsheet | View | 5 | |
| SEO Best Practices | WWW | View | 3 |
| Sublime Text 3 OSX Cheatsheet | View | 4 | |
| Sublime Text Shortcut | JPG | View | 5 |
You may also be interested in these articles:
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. Learn more below:
Original text by Karol K and Adelina Tuca.
Layout and presentation by Karol K.
Thanks for this great post!!!
Excellent roundup. Thanks so much for this very valuable resource.
Awesome!
Awesome List… this should be a permanent clutter-free web page itself 🙂 (well maybe a couple of plugs for CodeInWP) Thank you!
The BEST roundup I have read.
Respect for the time you have spend on it!