3 New Free Cheat Sheets For Web Designers and Developers [And A Bonus]

1. The HTML 5 Visual Cheat Sheet - was created by Wook and it's a great way to see the new HTML 5 elements in action:

This cheat sheet is essentially a simple visual grid with a list of all HTML tags and of their related attributes supported by HTML versions 4.01 and/or 5.

You can get it by heading over to Wook (download available as high quality JPEG or PDF, in 2 versions: white or black background).

2. CSS 3 Cheat Sheet - is a printable PDF featuring complete listing of all the properties, selectors types and allowed values in the current CSS 3 specification from the W3C.

Each property is provided in a section that attempts to match it with the section (module) that it is most actively associated within the W3C specification. Next to each property is a listing of the expected values that that property takes (normal text shows named values it accepts and italics shows value types it will accept).

You can download the CSS 3 Cheat Sheet from Smashing Magazine website.

3. Wordpress Cheat Sheet - is a complete cheat sheet released on 14/07/2009, in PDF format:

You can get it for free from Ekin Ertac's website.


Bonus: for a website to have some value, it needs visits. And for this, knowing some SEO will most definetly help, thus, I also recommend the Web Developer's SEO Cheat Sheet:

This cheat sheet needs to be printed and pinned on the wall of every web developer. It's not 100% accurate (like the "less than 100 links on a webpage" myth which was busted by Matt Cuts) but it's very very useful!

You can get it via Seomoz website (obviously, like the rest of the cheat sheets in this blog post, for free).