Cheat Sheets are always helpful for web designer and web developers.Many computer applications, for example, have cheat sheets included in their documentation which list keystrokes or menu commands.These are are perfect time savers for us and the cheat sheets,reference guides of them are really neccessary to memorize the shortcuts and tricks.
We’ve brought together many cheat sheets and reference guides for you.Most of them are in .PDF format and you can easily convert them to a image file to use it whenever you want.
CSS
CSS 2 – Quick Reference Guide (PDF)
CSS Cheat Sheet (V2) (PDF)
CSS 3 Cheat Sheet (PDF)
CSS 2 Help Sheet (PDF)
HTML – XHTML
Basic HTML (PDF)
XHTML Cheat Sheet (PDF)
HTML Cheat Sheet (PDF)
What Beautiful HTML Code Looks Like by Chris Coyier (PNG)
HTML 5 Peeks, Pokes and Pointers
HTML 5 Cheat Sheet (PDF)
Periodic Table of the HTML5 Elements
WORDPRESS
WordPress Cheat Sheet (PDF)
WordPress 3.0 Cheat Sheet Templates & Tags (PDF)
WordPress Help Sheet Wallpaper (JPG)
PHP
PHP Cheat Sheet – V2 (PDF)
Emezeta Card PHP Cheat Sheet (v0.2)
jQUERY
jQuery Cheat Sheet (PDF)
jQuery 1.3 Cheat Sheet (PDF)
jQuery 1.4.2 Visual Cheat Sheet (PDF)
jQuery 1.3.2 (PDF)
RUBY ON RAILS
Ruby on Rails Cheat Sheet (PDF)
Envy Labs Rails 3 Cheat Sheets (PDF)
Ruby on Rails Cheat Sheet (14 pages)
JAVASCRIPT
JavaScript Cheat Sheet (PDF)
DOM JavaScript Cheat Sheet (PDF)
FONTS & TYPOGRAPHY
Web Safe Fonts Cheat Sheet v.3 (PNG)
Free Fonts Cheat Sheet (PDF)
Common Fonts to All Versions of Windows & Mac Equivalents
CSS Typography Reference Sheet from SPECKYBOY (PNG)
CSS Font Shorthand Property Cheat Sheet (PDF)
Google Fonts Legibility Test Between MAC OS-X & WINDOWS (PDF)
BROWSERS
Firefox Cheat Sheet (PDF)
Internet Explorer 8 Keyboard Shortcuts
OPERATING SYSTEMS
Windows 7 Hotkeys – Keyboard Shortcuts
Windows Vista Hotkeys – Keyboard Shortcuts
Reference for EVERY Character Key on a Mac (PDF)
Mac Leopard Quick Reference (PDF)
Mac OS-X Transition Cheat Sheet (PDF)
MySQL
COLORS
RGB Hex Colour Chart (PDF)
HTML Color Cheat Sheet (PDF)
SOFTWARES
Photoshop CS4 Keyboard Shortcuts Cheat Sheet-Windows (PDF)
Photoshop CS4 Keyboard Shortcuts-Mac (PDF)
Photoshop CS3 Keyboard Shortcuts Cheat Sheet-Windows (PDF)
Photoshop CS3 Keyboard Shortcuts Cheat Sheet-Mac (PDF)
Adobe After Effects CS4 Keyboard Shortcuts
Dreamweaver CS4 Useful Keyboard Shortcuts-Mac (PDF)
Dreamweaver CS4 Useful Keyboard Shortcuts-Windows (PDF)
Adobe InDesign CS5 Keyboard Shortcuts-Mac (PDF)
Adobe InDesign CS5 Keyboard Shortcuts-Windows (PDF)
Photoshop CS5 Keyboard Shortcuts-Windows (PDF)
Photoshop CS5 Keyboard Shortcuts-Mac (PDF)
Adobe Illustrator CS4 Keyboard Shortcuts-Mac (PDF)
Adobe Illustrator CS4 Keyboard Shortcuts-Windows (PDF)
Adobe Illustrator CS5 Keyboard Shortcuts-Mac (PDF)
Adobe Illustrator CS5 Keyboard Shortcuts-Windows (PDF)
Dreamweaver CS5 Keyboard Shortcuts-Mac (PDF)
Dreamweaver CS5 Keyboard Shortcuts-Windows (PDF)
Flash CS4 Common Keyboard Shortcuts-Mac (PDF)
Flash CS4 Common Keyboard Shortcuts-Windows (PDF)
Flash CS5 Common Keyboard Shortcuts-Mac (PDF)
Flash CS5 Common Keyboard Shortcuts-Windows (PDF)
Adobe Acrobat 9 Pro Keyboard Shortcuts-Windows (PDF)
Adobe Acrobat 9 Pro Keyboard Shortcuts-Mac (PDF)
Adobe Incopy CS4 Keyboard Shortcuts-Mac (PDF)
Adobe Incopy CS4 Keyboard Shortcuts-Windows (PDF)
Adobe Framemaker 9 Keyboard Shortcuts-Windows (PDF)
Photoshop Keyboard Shortcuts Cheat Sheet (PDF)
Microsoft Excel 2010 quick Reference (PDF)
Outlook 2011 Keyboard Shortcuts (PDF)
Microsoft Office 2010 Quick Reference (PDF)
Microsoft Outlook 2010 Quick Reference (PDF)
Microsoft PowerPoint 2010 Quick Reference (PDF)
Microsoft Word 2010 Quick Reference (PDF)
PHOTOGRAPHY
Lighting Modifiers Cheat Sheet Card
*******************************
UPDATED
Drupal (Wallpaper)
mootools 1.3 (PDF)
Google APIs & Developer Products Periodic Table
[...] This post was mentioned on Twitter by Mike Lane, Antonio Lupetti, micahboswell, Katey Tyksinski, Enrique Nuñez and others. Enrique Nuñez said: RT @mlane: 100 + Must Have Cheat Sheets and Quick References For Web Designers and Developers http://mln.im/e8yCZz [...]
[...] here: 100 + Must Have Cheat Sheets and Quick References For Web … Tags: apply-effects, cheat-sheets, enables-users, Photoshop, realistic, sheets, the-desired, [...]
Wow, this is going to help out alot! Thanks!
[...] 100 + Must Have Cheat Sheets and Quick References For Web Designers and Developers | DesignBeep [...]
Great collection for web design beginners. we are already using “CSS Cheat Sheet (V2) (PDF)” in our company
[...] 100 + Must Have Cheat Sheets and Quick References For Web Designers and Developers | DesignBeep [...]
[...] 100 + Must Have Cheat Sheets and Quick References For Web Designers and Developers | DesignBeep [...]
Hey there,
nice collection.
Please link the mootools 1.3 cheat sheet to
http://mediavrog.net/blog/grab/mootools-1.3-cheat-sheet1.pdf
Regards,
Maik
Ok Malik..
Done:)
Regards
[...] dni temu Wookieb podesłał do mnie linka prowadzącego do strony zatytułowanej 100 + Must Have Cheat Sheets and Quick References For Web Designers and Developers. Nazwa mówi sama za siebie. Setka (a nawet więcej) obowiązkowych ściągawek, bez których [...]
Great bunch of sheets, will definitely start using some. Will save me loads of time!
I really like all the cheat sheets you have on this page. Its a lot of resources that any designer could use. I really like all of the tutorials I found on http://www.onlinedreamweavercourse.com They have everything I could possible need, including cheats and online training so that you can remember it and not have to use the cheat sheets.
Great Post! I love cheet sheets and especially compilations of cheet sheets! I’ve already bookmarked this in all my social bookmarks!
[...] 100 Must Have Cheat Sheets and Great References for Web Designers and Developers Filed Under: Web Design About Admin [...]
Wow, that saves a bunch of time. Can we print these or would that be a copyright violation?
Thanks Arshad! Excellent collection you’ve gathered together.
If you ever find any Moodle 1.9 cheat sheets…
cheers again!
[...] 100 + Must Have Cheat Sheets and Quick References For Web Designers and Developers | DesignBeep [...]
[...] Over 100 cheat sheets Her er noko for alle. Du veit kanskje kva eit cheat sheet er: Det er eit ark du kan skrive ut, der det står kort mange funksjonar du kan gjer innan eit språk eller eit program, for at du skal kunne slå opp medan du held på. Følg linken for å finne sheets til vanleg CSS (2) og HTML (4), og sjølvsagt også CSS3 og HTML5. Og, her er sjølvsagt dei meir avanserte funksjonane: cheat sheets til WordPress, Javascript, PHP. Og om du føler du treng, finnast det også til alle nettlesarar – og også fleire operativsystem! [...]
Great job
There is everything!!
Thanks
This is an amazing post! I can’t imagine how long it took to put this all together but thanks for the work. You have just saved me hours and hours of needless cross referencing.
[...] 100 + Must Have Cheat Sheets and Quick References For Web Designers and Developers | DesignBeep Cheat Sheets are always helpful for web designer and web developers.Many computer applications, for example, have cheat sheets included in their documentation which list keystrokes or menu commands.These are are perfect time savers for us and the cheat sheets,reference guides of them are really neccessary to memorize the shortcuts and tricks. [...]
hi Arshad thanks for the cheats…..