Ultimate Web Development Cheat Sheet Guide

So you're sitting there on Saturday morning, sipping on a nice warm cup of coffee or tea. You smell the freshness of the morning, and whipping up some html, CSS and trying out some new AJAX programming.  You're stuck on something! You wish you had a quick cheat sheet to get you back on track.  Look no further if you're a web developer!  This is the Ultimate Web Development Cheat Sheet Guide!

Check Out Part 2 of this List!
Ultimate Server-Side Web Development Cheat Sheets - As Promised! Enjoy!

10 of The Best Wed Development FireFox Extensions!

10 Must Have Web Development FireFox Extensions - Check it Out!

JavaScript

JavaScript Cheat Sheet

Addison-Wesley's JavaScript Reference Card

JavaScript Quick Reference

JavaScript and Browser Objects Quick Reference

JavaScript in 10 Minutes - Thanks Joseph

CSS

CSS Help Sheet

CSS Shorthand Guide

CSS Cheat Sheet

Cascading Style Cheat Sheet

CSS Cheat Sheet

CSS Quick Reference

Leslie Franke CSS Cheat Sheet

Design 215 CSS Quick Reference

CSS Level 1 Quick Reference

CSS Level 2 Quick Reference

CSS Property Index

HTML/XHTML

HTML Help Sheet

XHTML Cheat Sheet

HTML Cheat Sheet

HTML Character Entities Cheat Sheet

PDF HTML Cheat Sheet

Character Entity References in HTML 4 and XHTML 1.0

HTML & XHTML Cheat Sheet

HTML Tags

HTML Quick Reference Guide

A Simple Guide to HTML

Reference HTML Cheat Sheet

HTML Tags Cheat Sheet

AJAX

What’s Ajax? Cheat Sheet

Prototype Cheat Sheet

Scriptaculous Combination Effects Cheat Sheet

Scriptaculous Cheat Sheet - Thanks Joseph

AJAX for ASP.net Cheat Sheet

ASP.net AJAX Client Life-Cycle Events

MooTools Cheat Sheet - Thanks Joseph

Colors

RGB Hex Color Chart

Interactive Color Picker

HTML Color Codes

Color Reference Guide

Microformats

Microformats Helper Cheat Sheet

Microformats Cheat Sheet

Jack Daniel's Microformats Cheat Sheet

Browser Compatibility

W3C DOM Compatibility Tables

Browser Compatibility Interactive Table

XML

Fusebox 4.1 XML Cheat Sheet

VoiceXML Reference

MathML Reference

XML Schema 2001 Reference

XML Schema 2000/10

XSLT Quick References

XML TopicMaps 1.0 - Quick Reference Card

XML Quick References

XML Schema - Structures Quick Reference

XML Schema - Data Types Quick Reference

XSL FO Reference

XSLT Quick Reference Card

XSLT Reference

 

Check Out Part 2 of this List!
Ultimate Server-Side Web Development Cheat Sheets - As Promised! Enjoy!

10 of The Best Wed Development FireFox Extensions!
10 Must Have Web Development FireFox Extensions

 

Technorati Tags: Cheat Sheets, Web Development

Comments

[Joseph Pecoraro]

This is a pretty comprehensive list. I have always been a fan of ilovejackdanial's cheat sheets and I have printed many of them out for personal use. I was interested in the cheatsheets that you mentioned for javascript and I noticed you missed my favorite:

Javascript in 10 minutes:
http://javascript.infogami.com/Javascript_in_Ten_Minutes

Here are a few more cheat sheets for the very popular JS Libraries that are available:

Jonathan Snook (the maker of the Prototype Cheat Sheet above) also made a nice one for the mootools javascript library:
http://snook.ca/archives/javascript/mootools_r83_cheatsheet/

A less flashy scriptaculous cheat sheet:
http://www.archive.org/details/Scriptaculous_Cheat_Sheet

[Miguel Carrasco]

Thanks for the fantastic feedback, I will add thm into the post if you don't mind?

[Joseph Pecoraro]

Absolutely! Glad you liked the links! Your articles are always excellent, keep it up.

[Bayarsaikhan]

Nice list. Thank you.

You can also check here for more.

http://www.plentyofcode.com/2007/07/programming-handbooks-and-cheatsheets.html

[martinsc]

great list!
thanks.

[Danny]

Great list, but you are missing a whole top-level category: Semantic Web development (although *all* the cheatsheets on your list really come under this category, because the Semantic Web is an extension of the existing Web...). Here are some cheatsheets (please add!):

* Semantic Web Reference Card:
http://ebiquity.umbc.edu/resource/html/id/94/

* SPARQL RDF Query Language Reference:
http://www.dajobe.org/2005/04-sparql/

* GRDDL Quick Reference:
http://blogs.talis.com/nodalities/2007/07/grddl_specifications_and_quick.php

[Henna]

Tnx for sharing!

Henna
http://www.prankvideoz.com

[stelt]

You forgot an important category: SVG, see http://svg.startpagina.nl

[Tobey]

Terrible grammar!!!

[Rob Ronsir]

I like to use this cheat sheet no matter what I'm programming.
http://ostermiller.org/calc/cheat.html

It has a calculator, ASCII chart, and hex codes. Great for Javascript or figuring out color hex.

[Miguel Carrasco]

Thanks for all the feedback. I will incorporate all your feedback tonight!

I am also working on a Server-Side Cheat Sheet, so check back tonight!

Cheers,

[Spydrlink]

Here's the only real RSS 2.0 Cheat Sheet I know of: http://home.comcast.net/~shorvath/docs/rss_cheatsheet.pdf

[Al]

That's an impressive collection of cheatsheets (even though some aren't the handy one page varieties, they're still very useful). Really good to have them all in one place.

Now to print some off and add to my file which was mostly the ilovejackdaniels cheatsheets. I hope you continue to add to this post as you discover more.

Thanks!

[Ian MacLeod]

Another very useful CSS resource:

http://centricle.com/ref/css/filters/

Very complete reference for CSS selector hacks - something I refer to almost daily

[oZmOsYs]

I like to use Color Jack Studio for a good colors cheat sheet tool. Link included.
http://www.colorjack.com/studio/

[Brianary]

Much more complete: http://www.fuzzyfuture.com/programming/the-developer-cheat-sheet-compilation/
Or: http://whatis.techtarget.com/definition/0,289893,sid9_gci826135,00.html
Or: http://lifehacker.com/software/cheat-sheets/
Or: http://www.bookmarkbliss.com/programming/the-developer-cheat-sheet-compilation/
Or: http://www.alvit.de/handbook/
Additional stuff on my blog: http://brianary.blogspot.com/2007/01/references.html
Not included in any of these lists: MIME types and extensions, RSS/Atom, HTTP(S), internationalization issues, section 508, SOAP, Unicode, language codes (ISO 639), country codes (ISO 3166), date formats (e.g. ISO 8601), currency codes (ISO 4217), etc.

[Free iPhone]

Very nice list. Bookmarked! :)

[Uldis Bojars]

It's a good point that Danny makes - there is a Semantic Web category missing.

SemWeb is a part of the Web and, while currently there are probably just a few cheat-sheets available for it, its knowledge will play an ever-increasing role in the near future. In Web data "mash-ups", ...

The following is not a cheat-sheet but can still be interesting to many:

W3C Semantic Web FAQ => http://www.w3.org/2001/sw/SW-FAQ

[eConsultant]

Here are few more :

Top 119 Cheat Sheets : Web Developer Lists : eConsultant

http://webdeveloper.econsultant.com/cheat-sheets/

[Matt]

Is a big list really that helpful? Google can give me that. Instead, it would be great to identify the very best ones available and link to those so we don't need to open each ourselves to judge them. Or rate each one based on a few categories so people could identify which one would work best for them.

Here is a jQuery cheat sheet I just created in XLS:
http://www.javascripttoolbox.com/jquery/JQueryCheatSheet.xls

and also available in google docs form:
http://spreadsheets.google.com/pub?key=pmkgiRQf98ll4L1SSh9E0Dw

[Sean O]

How could you leave out JQuery?! :)

http://rip747.wordpress.com/2006/11/30/jquery-cheat-sheets/

[eithkhad]

Thank you very useful, will check that later. Also, you could add Mysql: http://www.nparikh.org/unix/mysql.php at least it's really simply displayed. Also check www.knowhow.to/mysql for mysql querys (videos). Will add more soon.

[claire]

lots of sites like this, http://www.allsyntax.com

[Lonnie Best]

CSS Formatter:
http://www.lonniebest.com/FormatCSS/

[John S.]

For your server side list: http://John-sheehan.com/blog/index.php/net-cheat-sheets/

[Miguel Carrasco]

Thanks for the new links, I will be adding the new Server-Side Guide in the next hour.

[Pedro Furlanetto]

Where's a DOM/HTML-DOM reference?

[Tybho]

Here are others useful pages :
http://www.webdevout.net/browser-support-html
http://www.webdevout.net/browser-support-css
http://www.webdevout.net/browser-support-dom
http://www.webdevout.net/browser-support-ecmascript

[Keith Donegan]

Thanks a million, no need to look for any cheats ever again

[Matt Flowers]

Thank you very much for posting this. It's been a big help!

[sfartoy]

ajaxflakes - Read all about the latest developments on web design 2.0 and ajax + lots of tips. TOP 100+ best Free Opensource Software for windows XP and Vista. Thought i should add it might be helpful to others… http://ajaxflakes.com

[Arik]

That's an impressive collection of cheatsheets (even though some aren't the handy one page varieties, they're still very useful). Really good to have them all in one place.

http://www.2buytramadol.com

[Alac Matthew]

We are a truly global product development firm that partners with software product companies ranging from start-ups to established ISVs to provide software product life cycle solutions. We have worked with more than 50 software product companies in various domains like Education, Healthcare, Retail and Finance. Our wide-ranging experience has enabled us to build a strong product environment within the company that remains unmatched in the industry. If you are looking for any software development services, let us know, click link and just fill up the form. Our experts will get back to you within 1 business day.

[Robin Pietersen]

Nice list!

Your digg count is incorrect Digg.com says it is at 3090):
http://www.digg.com/design/Ultimate_Web_Development_Cheat_Sheets

[Sally, web designer]

Great list! Thanks for sharing. Nice list to spend morning time browsing.

http://www.ecommerce-land.com

[web designer india]

Great list! Thanks for sharing
I feel that the information given will be here is very use full for me.
Alakmalak Technologies a web developer India is an Internet company dedicated to providing online solutions: professional website designer, web development, e-commerce, multimedia and maintenance services for your business. If you are looking for a website developer company, you have landed at the right place.
Thanks,
Deepak

[Antonio]

Thank you for the cheat sheets :-)

[Elhusseiny]

Great and very helpful article, keep the hard work up.
http://purchasedreamweaver.blogspot.com/

[web design company]

this is a great resource for web designers. Thanks for the cheats, every web design company needs this information.

[chazzuka]

well nothing but excellent!, helpful, thanks a lot

[Web Pixy]

Amazing list of resources! Thanks a lot! The collection will be extremely helpful for me as for every other web designer;)

[Robert Giordano]

Thanks for listing the Design215 CSS Quick Reference =)

[David]

Google Answers did a really useful overview of the cost and fees involved in professional website development:

http://answers.google.com/answers/threadview?id=783149
Pricing for website design

If you're thinking of hiring (or hiring yourself out) for website design, this is definitely worth a look.

David

.

[Bobby]

Very intresting!Malware and Spyware become a big problem for a lot of people. Malware remover is effecient way to get rid of all spyware and adware!!
http://malware-remover.com/
Malware Remover

[Top Software Development Company India]

this site is good design help ful

[BMD-Media.com]

Great Tools! Especially the Web Developer and design tools for Firefox

[ExplainThat!]

A print-ready cheatsheet covering the core features of PHP5 is available here.