For web developers and designers, it can be difficult to memorize the syntax for multiple programming languages and frameworks, especially since they are always evolving and growing. This is where cheat sheets come in handy. Most cheat sheets are designed to be printer friendly, so you can have them laying around on your desk as quick reference cards. Here is a collection of useful cheat sheets specifically for front end web development that will help you with HTML, JavaScript, and CSS.
HTML
HTML 5 Cheat Sheet
HTML 5 Visual Cheat Sheet
(X)HTML Elements and Attributes
HTML Cheat Sheet
HTML5 Canvas Cheat Sheet
CSS
CSS Level 2 Visual Cheat Sheet
CSS 3 Cheat Sheet
CSS Cheat Sheet (V2)
CSS Cheat Sheet
JavaScript
jQuery 1.4 API Cheat Sheet
jQuery 1.4 Cheat Sheet
jQuery 1.4 Cheat Sheet
mootools 1.2 cheat sheet
JavaScript Cheat Sheet
very nice information
Nice collection very helpful! Thanks!
Cool! Really useful.
Anyone know of a Mootools 1.1 cheat sheet?
wow! nice list! the html/css cheats are helpful to me!
Very nice – a helpful resource and just in time for my next project!
do we really need another list of cheat sheets?
not really but it doesn’t hurt 😛
Because everyone has seen exactly what you’ve seen? 😛
Useful guys… thanks ! 😉
Thank you! As someone who is still learning this post is very helpful! 🙂
I’m kind of overwhelmed with all these references… Thanks for posting though – the jQuery 1.4 stuff could be especially helpful.
Hi,
I found your blog on Topsy. Its great, although and good web developer or designer should know most of these, although there were a few that caught me out. Great as a reference in the future.
Many thanks for sharing these helpful chear sheets. Here are a few samples of mine https://www.spanglishwebs.com/
Rachel
Nice. All the cheat sheets I could want. I have a few CSS ones that I keep right next to my desk so these will be a great addition.
Great resources. Thanks for compiling the list.
These are always helpful, especially the Html5 and CSS 3 sheets. Thanks.
Very informative and usefull, thanks
Very helpful. I have cheat sheets all over the wall next to my comp that I use quite frequently. I hadn’t seen the jQuery ones before so those will be a nice addition to my collection.
love this post… very helpful, these will come in handy i am sure
With HTML5 coming into effect they are gonna be very useful in perticular but The Mootools one is great as I don’t currently have one for it, thank you.
Awesome post! thanks for this one.. cheers!
These are always handy. Many thanks.
Great resource, now if only there was an easy way consolidate it all into a single easy to use online reference with easily accessible copy and paste samples hehe.
Yeah , thx man.
Was very helpful indeed.
Really a nice post. Excellent. Thanks a lot.
wow thank you verymuch
Thanks a lot for this and all the other articles! You’ve really helped me, as well as thousands of others!
wow thanks for all the really helpful resources!
This is a great resource
thanks