- Home
- Blog
- Web Design Cheat Sheets for Front-end Web Developers
Cheat Sheets for Front-end Web Developers
-
William CraigCEO & Co-Founder
-
5 minute read
- 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
1. HTML Help Sheet
2. HTML Cheat Sheet
- PNG
3. HTML Character Entities Cheat Sheet
- PNG
4. XHTML Cheat Sheet v. 1.03 – PDF
CSS
5. CSS Cheat Sheet (V2)
- PNG
6. CSS Cheat Sheet
7. CSS Shorthand Cheat Sheet
8. CSS Level 1 Quick Reference – PDF
9. CSS Level 2 Quick Reference – PDF
10. CSS2.1 Quick Reference Card – PDF
11. CSS2 Reference Guide – PDF
JavaScript
12. JavaScript Cheat Sheet
- 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
16. JavaScript Quick Reference Card/Cheatsheet
17. mootools 1.2 cheat sheet
18. jQuery Cheatsheet
- PNG
19. jQuery 1.2 Cheat Sheet
20. jQuery Visual Map – PNG
Miscellaneous
21. RGB Hex Colour Chart
- PNG
22. The Web Developer’s SEO Cheat Sheet
23. The WordPress Help Sheet
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.
-
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.
-
WebFX is a full-service marketing agency with 1000+ client reviews and a 4.9-star rating on Clutch! Find out how our expert team and revenue-accelerating tech can drive results for you! Learn more
Make estimating web design costs easy
Website design costs can be tricky to nail down. Get an instant estimate for a custom web design with our free website design cost calculator!
Try Our Free Web Design Cost Calculator


Web Design Calculator
Use our free tool to get a free, instant quote in under 60 seconds.
View Web Design CalculatorMake estimating web design costs easy
Website design costs can be tricky to nail down. Get an instant estimate for a custom web design with our free website design cost calculator!
Try Our Free Web Design Cost Calculator