29 Must-Have Cheat Sheets for Web Designers

Cheat sheets. A simple way to remember something or help you learn. There’s always a useful shortcut to forget, a command you fail to remember, a newly introduced function that slips your mind or element you cease to think of.

I know you switched to Sketch years ago, but just today you need to edit this psd file and you can’t for the love of God remember the shortcut for art history brush tool.

Wouldn’t it make your life so much easier if all the cheat sheets you need would be stored in one place?

Well fear no more, this collection of 29 must-have cheat sheets for web designers has got you covered. With everything from CSS&HTML to Sketch and Photoshop cheat sheets, you can save yourself a lot of time googling later and just bookmark this page.

Feeling lazy? Just grab this cheat sheet of cheat sheets for web designers and get all 29 items (plus two more items that are not covered in this article) in one place. GIMME!

CSS – Cascading Style Sheets

#1. CSS Cheatsheet via OverAPI.com

#2. Media Queries Cheat Sheet

#3. Responsive Web Design Cheatsheet

4. Check Compatabilty of Default Local Fonts

HTML – HyperText Markup Language

#5. HTML5 Tag Cheatsheet

6. HTML Elements Index

#7. HTML5 Cheat Sheet by Antonio Lupetti

JavaScript & jQuery

#8. jQuery Quick API Reference

9. Javascript Cheatsheet via OverAPI.com

Markdown

#10. Printable Markdown Cheatsheet

Popular CSS Frameworks

#11. Master Cheatsheet for Bootstrap 3

12. Complete Font Awesome Icon Reference Cheatsheet

13. Bootstrap 3 Glyphicons Cheatsheet

14. Foundation 5 Cheatsheet

WordPress Cheat Sheet

#15. WordPress: What You Need to Know in One Sheet

#16. WordPress Cheat Sheet

#17. The Ultimate WordPress Development Checklist

Browser Dev Tools

#18. Chrome Devtools Cheatsheet

19. Firebug Keyboard Shortcuts and Mouse Actions Cheat Sheet

Git & GitHub

#20. Git Cheatsheet

Sublime Text

#21. List of commonly used sublime-text commands (WIN)

#22. Sublime Text 3 OSX Cheatsheet

Email & Newsletters

#23. MailChimp Merge Tags Cheatsheet

24. Campaign Monitor Template Cheatsheet

Social Media

#25. Social Media Dimensions Cheatsheet

SEO

#26. The Web Developer’s SEO Cheatsheet by Moz

#27. Perfect On Page SEO by Backlinko

Graphic Editors

#28. Sketch 3 Visual Cheatsheet

#29. Adobe Photoshop Keyboard Shortcuts

#30. Adobe Illustrator Keyboard Shortcuts

Over to You

So what do you think of this collection of cheat sheets? Did you find it useful? Is there anything else you would like to see in this collection? Do you have a cheat sheet you have developed and want to share? Let me know in the comments section below.