Cheat sheets, in case you don’t know, are pieces of information grouped and well organised in one single sheet to provide you an escape to those memory flaws we sometimes have. In this case, they’re big images with handy and useful information you can use to practise and remember some of the most common pieces of code, shortcuts and more in this web design world. During my navigation I found more than a dozen and can be downloaded for free. You can always contribute to the addition of elements in this collection, just comment down below or send me an email; if you believe there’s a mistake or a broken link, feel free to notify me so I can correct it.
Click on the image to download or go to the author’s download page.
Cheat sheets for HTML
Basic HTML Coding Cheat Sheet
HTML Cheat Sheet
HTML5 Canvas
HTML5 Smashing Magazine’s Cheat Sheet
HTML Character entities
HTML5 Event handler content attributes
HTML5 Visual Cheat Sheet by Woork
CSS and CSS3 Cheat Sheets
GoSquared CSS2 (and CSS3) Cheat Sheets
Most practical CSS Sheet
Smashing Magazine’s CSS3 Cheat Sheet
CSS Cheat Sheet Version 1
CSS Shorthand Properties
Frameworks’ Cheat Sheets
Bootstrap 2 Cheat Sheet
Foundation Cheat Sheet (web based)
JavaScript plus jQuery and more frameworks
JavaScript Cheat Sheet Version 1
JavaScript Cheat Sheet
jQuery 1.3.2 and 1.1.3 Cheat Sheets
jQuery 1.4 Cheat Sheet
jQuery Wallpaper (1.4.2)
Mootools Basics Cheatsheet
Prototype 1.5.0 Cheat Sheet
WordPress and other CMS/Platforms
Blogspot / Blogger Cheat Sheet (English and Spanish)
WordPress Help Sheet
WordPress Cheat Sheet by Tuts+
The WordPress Visual Loop
7 Drupal Sheets by Martin Valasek
Joomla! 1.5 Basic Template Cheat Sheet
PHP Cheat Sheets
GoSquared’s PHP Help Sheet
Emezeta’s PHP Cheat Sheet
Other useful Cheats Sheets for you
Markdown Cheat Sheet
Emmet / Zen Coding Cheat Sheet
XML Cheat Sheet
SEO Cheat Sheets for Web Developers
And that’s all, old sport! I will add more for sure but you have to contribute too, I tried to find a Tumblr cheat sheet, I guess I’ll have to do it myself hehe, thanks for staying and checking out these magnificent cheat sheets. There are more types of these, for example, graphics software such as Photoshop has a shortcuts’ cheat sheet and more. Though you can access them now, maybe in a near future they won’t be available for us, but I saved a good percentage of the cheat codes, so if that happens just notify about some sheet down and I will re-direct the link to the full sized image for you to download. Almost all of them are printable, image based and can be posted on a wall, reduced to a convenient size or whatever you choose to do with them. See you all in the next post! 🙂
Creativenauts 
[…] 30+ Useful cheat sheets for web developers […]
Thanks for this educative information
It’s a great source of information.
Thanks for providing this useful blog.
It’s a great source of information.
Thanks for providing this useful blog.
It’s a amazing source of information.
Thanks for providing this useful blog.
Mindblowing! It’s a amazing source of information. Thanks for providing this useful blog.
Mindblowing! It’s a amazing source of information.
[…] source of this amazing infographic from creativenauts.me google_ad_client = "ca-pub-0544625305624710"; google_ad_slot = "1192626007"; google_ad_width = […]
Reblogged this on The Coders Journey.
Reblogged this on Brian By Experience and commented:
God ref, from a great blog.
Hi everyone! I’m looking for a complete list of data-* attributes used in bootstrap. Pease help me with any info that can help me to find it and download. Would be nice to have a pdf format file. Thanks in advance!
Great #Bootstrap #cheatsheet with optional and official @twbootstrap classes v3.2x… http://bit.ly/1rYPJBB
Reblogged this on SP Designer & Developer and commented:
This is absolutely the best!
Really thorough.
Thanks for the follow! Your blog is so very helpful for all those who need help with their blogs. I like what you have done with your blog. 🙂
Reblogged this on Modaddy.
Hey, great collection, thanks. Here are some more if you like cheat sheets, check out http://overapi.com/
Oh, my. Yes, that’s a great set of cheat sheets. Thank you.
Reblogged this on tomvalorsa. and commented:
Here’s a great collection of cheat sheets ready to be used by web developers, put together by Creativenauts. This is definitely something I’ll be keeping handy for revision and, well, cheating!
Reblogged this on Ginger Junk and commented:
This is a great set of Cheat Sheets that everyone should have next to them while coding their websites. Thanks CreativeNauts!
Amazing compilation! Some of these will be very handy for my work.