16 Cheat Sheets on 16 Essential Topics for Web Designers

banner

Cheat sheets has several benefits from saving you a lot of time  to also helping you improve your skills and productivity in that cetrain task.

They provide a great and quick reference and also helps your learn faster by showing all the necessary information needed. There are documentations, but they can sometimes be a hassle.

It is pretty hard to remember everything and thankfully, there are cheat sheets. So, here are the list of some of the most essential cheat sheets every web developer and designer should have.

PHP

php

Wordpress Template Tags

wordpress

CSS 3

css3

HTML 5

html5

.htaccess

htaccess

jQuery

jquery

Web Developer’s SEOseo

Photoshop  Keyboard Shortcuts

photoshop

MySQL

mysql

Javascript

javascript

Color Codes

color

Apache

apache

Firebug

firebog

MOD_REWRITE

mod

Ruby on Rails

ruby

ASP/VBSCRIPT

asp

Hopefully that covers every topic a web designer needs to know. And if you have your own version of one of these that you prefer, share the link!

Share

  1. Great cheat sheets for web designers. I would call this the the ultimate web developer list :) . Thanks a lot for sharing!

    • sogeking (21 comments)17 August 09

      Thanks! I hope it will become of some use to you!

  2. Thanks especially for the wordpress template tags cheat sheet.

    • sogeking (21 comments)18 August 09

      Yeah, i like the wordpress template tag cheat sheet. They help you a lot in designing a new theme!

  3. G.Han (5 comments)17 August 09

    Very useful post,thanks for sharing!Big love for the WP cheat sheet,ha…

  4. We should come up with a ’standard client checklist’ cheat sheet – things any developer should ask their clients. If they do not make the list – run!
    Great collection!

  5. Flo (1 comments)18 August 09

    Great stuff!
    I just printed half of them :)
    Thanks a lot

    • sogeking (21 comments)18 August 09

      Hey! I printed most of them too. These come in handy!

  6. Keith Davis (60 comments)18 August 09

    @sogeking
    Rather depressing to hear you say “I only took up web design recently for a hobby”… if in that short time you’ve learnt something about all the subjects covered in the cheat sheets, you must be a genius.

    I’ll content myself by looking at the less demanding ones…. I think I’ll start with colour.

    Thanks for showing us what’s out there.

  7. Great post! Now i understand what my php developer is talking about ~

  8. Really should make a wallpaper of these! And then I don’t mean a desktop wallpaper but a real one! :-)

  9. J Themes (8 comments)19 August 09

    Man, this is a great list. I will especially find the jQuery sheet useful as I am beginning to use it more and more.

  10. Puru (1 comments)21 August 09

    Thank you for this wonderful post, very useful.

  11. BYurick (1 comments)21 August 09

    I like the color code cheat sheet. I constantly find myself searching on google for color codes, I’ve yet to find a sheet that I like.

    • sogeking (21 comments)21 August 09

      Yeah, i like the color codes. Just make sure to print in color :]

  12. colortones (1 comments)21 August 09

    Thanks for a great post – really helpful!

  13. The most important tag for Google-SEO is h2. The b-tag is depricated and should not be used anymore…

  14. Patrick Kanne (1 comments)22 August 09

    this is a pretty complete list, kudos to the compiler!

    for more of your cheat-sheet needs try http://www.cheat-sheets.org/

  15. Thanks for the great set of cheatsheets, the wordpress one is just what I needed.

  16. Great list. Bookmarked!

  17. Ana (6 comments)31 August 09

    It`s a good compiler :-)

  18. CMYK (1 comments)31 August 09

    Great post!

    Thanksss for info and thanks for sharing!

    GL!

  19. Helpful to use as a quick reference. Thanks.

  20. Very useful set of cheat sheets, will be very helpful in the future (i’m already using the htaccess one) Thank you for sharing them!

  21. holy fuck (1 comments)9 September 09

    Why the fuck are you spamming twitter like an asshole? Get a life you son of a bitch!

  22. raghu (2 comments)9 September 09

    i need a script in php mysql tutorials .. for building bioging page to my web site … i need script …..plzzzzz help meee

  23. hey found a link to Celebrity SEXTAPES and unreleased Photos from their phones like Eva Longoria, Kim Kardashian, Paris Hilton, etc. at:

    http://www.AdultBabe.net

    also live webcams available
    Enjoy the pics and vids

  24. Great stuff. Thanks for sharing, I’ll be twice the blogger now!

  25. Wow! I’d announce it as the best cheat sheet collection for web developers out there.

  26. Very useful. Thanks for the list.

  27. This has been a great reference to me. Thanks alot!

  28. Thanks alot! Never hought of studying the photoshop keyboard shortcuts – but after doing it I can work much faster and easily with ps =)

  29. autai ptfe (17 comments)1 January 10

    Great Poster !

  30. Yuriy (2 comments)19 January 10

    php form – one of attributes of the majority of sites.

  31. Excellent article! I also recommend some products for web designers.
    Form Builder is a program for creating contact forms. The convenience of such software that does not have to write code – it is generated automatically.

  32. Yuriy (2 comments)23 January 10

    Very good post! I also recommend some products for web designers
    Form Builder is a program for creating contact forms. The convenience of such software that does not have to write code – it is generated automatically.

  33. Excellent article! I also recommend some products for web designers
    Form Builder is a program for creating contact forms. The convenience of such software that does not have to write code – it is generated automatically.

  34. Excellent article! I also recommend some products for web designers
    Form Builder is a program for creating contact forms. The convenience of such software that does not have to write code – it is generated automatically.

  35. thnx a lot,I needed a cheat sheet for almost all of em

  36. Nice post, I really like it. It is the first time I have heard about cheat sheet and it is great that I have learned it here because it shows good examples of cheat sheet. Thanks for posting it and I have to congratulate you because you have done this post really great.

Leave a Comment

Your reply will be added to the comment above (Below any other replies to this comment) -

(We DoFollow)

Not sure how to get an image with your comment?