President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William's background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX.

Cheat sheets are helpful to have around because they allow you to quickly remember code syntax and see related concepts visually. Additionally, they’re nice decorative pieces for your office and can prepare you for client questions regarding web development.

In this article, you’ll find 23 excellent, print-ready cheat sheets for HTML/HTML, CSS, and JavaScript (including MooTools and jQuery).

So go ahead – print out your favorites and pepper your workspace with these wonderful references.

HTML/XHTML

PDF

PDF

PNG

PDF

PNG

4. XHTML Cheat Sheet v. 1.03 – PDF

CSS

PDF

PNG

7. CSS Shorthand Cheat Sheet

PDF

8. CSS Level 1 Quick Reference – PDF

9. CSS Level 2 Quick Reference – PDF

11. CSS2 Reference Guide – PDF

JavaScript

PDF

PNG

13. Addison-Wesley’s JavaScript Reference Card – PDF

14. JavaScript and Browser Objects Quick Reference

15. The most common DOM methods at a glance – PDF

17. mootools 1.2 cheat sheet

PDF

18. jQuery Cheatsheet

PNG

20. jQuery Visual Map – PNG

Miscellaneous

21. RGB Hex Colour Chart

PDF

PNG

23. The WordPress Help Sheet

PDF

These are great resources regardless of the size of your clients. It could be a small restaurant or a large college. Basic web design principles you can include on cheat sheets are both applicable. Hope you picked up a cool cheat sheet or two for your web design. If your favorites aren’t on the list, don’t forget to share it with us in the comments.