70 Comments
- inactive, on 10/12/2007, -4/+27Well then you'd be a retard.
- estvir, on 10/12/2007, -1/+16Not being able to use the reply button isn't helping your "I'm not a retard" argument.
- TenebrousX, on 10/12/2007, -3/+17learn what you are talking about before commenting...
- theskullboy, on 10/12/2007, -0/+12Very convenient. Mad props to whoever did this.
- b0wl0fud0n, on 10/12/2007, -3/+14List of cheat sheets (including a bunch of css ones):
http://www.smashingmagazine.com/2006/10/30/cheat-sheet-round-up-ajax-css-latex-ruby/ - mikev, on 10/12/2007, -0/+9I don't know what's with the Dig community, but I have a pretty good idea about the digg community.
- somerandomnerd, on 10/12/2007, -0/+6Don't spam.
--somerandomnerd - rynoon, on 10/12/2007, -0/+6Nobody cares that you're illiterate. -_-
- Harmless, on 10/12/2007, -1/+7That's nice. Very concise and well organized. Thanks.
- bmartin, on 10/12/2007, -0/+5That's three more blocked retards for me.
- fearofcorners, on 10/12/2007, -1/+6It would be good to include the order of elements in certain shorthands like font:, margin:, padding:, etc. (ex. padding: top right bottom left) I forget those all the time but I feel that those shorthands are necessary to keep my code to a more reasonable, readable size.
- subxero37, on 10/12/2007, -1/+5Why no selector help, like for operators like > , + and []? Those are some incredibly useful selector operators, IMO, whether or not IE supports them. (It's always good to program for IE and Firefox both, but some hacks for IE are so dirty that it makes you want to rip your hair out.)
- ngmcs8203, on 10/12/2007, -3/+7Another good resource for coding cheat sheets.
http://www.ilovejackdaniels.com/cheat-sheets - mhuggins, on 10/12/2007, -0/+4This is spectacular. I've also created a PDF version that fits on one sheet. I hope the site author does not mind, I will remove the file if he does.
http://www.matthuggins.com/programming/css-cheat-sheet.pdf - crawfishsoul, on 10/12/2007, -0/+4For border, padding and margin, just remember "TRouBLe". Top, Right, Bottom, Left.
That's also clockwise.
I don't have any easy way to remember font: other than repetition
1. font-style
2. font-variant
3. font-weight
4. font-size
5. font-family - CoffeeNut, on 10/12/2007, -1/+4Somewhat ironic, don't you think, that this page uses mostly tables instead of CSS for layout!
- dygel, on 10/12/2007, -0/+2Maybe gamers shouldn't be reading headlines in the Programming category, then.
- Ravenlock, on 10/12/2007, -0/+2mhuggins - Nice! Thank you. :-)
- armbar, on 10/12/2007, -0/+2@dragonbladev:
http://w3schools.com/css/css_intro.asp
That should get you started. Enjoy. - dragonbladev, on 10/12/2007, -3/+5I'm a css newbie... and well... i don't understand this cheat sheet...
- armbar, on 10/12/2007, -0/+2It's actually only 2 errors (arguably 1, since the other is part of an example), but the ridiculously dumb W3C validator counts errors multiple times. Also, you should get off the "it doesn't validate" train pretty soon.
- MrMuskrat, on 10/12/2007, -0/+1Dave Child says that if you are going to link his cheat sheets that you do it the HTML page and not directly to the image or PDF.
http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/
MHuggins: There's been one at ILoveJackDaniels.com for a very long time. - SpeKopuZ, on 10/12/2007, -0/+1it is good for newbies ;) but you must know a little bit about how css works and what it is...
- ngmcs8203, on 10/12/2007, -0/+1Well that round-up one ups me ^^ It includes the jackdaniel cheat sheets and then some.
- keikun, on 10/12/2007, -1/+2PNG version for those who want to save it on their harddrives:
http://www.ilovejackdaniels.com/css_cheat_sheet.png - armbar, on 10/12/2007, -0/+1Not really, since most of it is being used for the data. It's just 30% evil.
- TheBlackNinja, on 10/12/2007, -0/+1This will help if I try to decide trying to learn CSS again. I mean, right now I have no use for it, so I just gave it up, but this is very helpful.
- tlink211, on 10/12/2007, -0/+1Link to a PDF of the sheet in the original article...and some others.
http://lesliefranke.com/files/reference/ - armbar, on 10/12/2007, -1/+2Opera 10? You must be really on top of things. I get the weekly builds, and I'm still on 9.10.
- NiGHTSChao, on 10/12/2007, -0/+1Is there like a Adobe Illustrator and Photoshop cheat sheet, that has like a list and kinda short detail about all the tools?
(illustrator, really really need a cheat sheet) - armbar, on 10/12/2007, -0/+1crawfish, don't forget line-height as well.
Order: font-style font-variant font-weight font-size/line-height font-family
Ex:
font: italic small-caps bold 1em/1.4 sans-serif;
If line-height doesn't have a unit, it's used as a multiplier. - Pushkin, on 10/12/2007, -0/+1MHuggins: Yours at least prints nicely.
- majd11, on 06/07/2009, -0/+0Thanks
http://www.l3ab.net - oyuncambazi, on 12/26/2008, -0/+0Thanks nice.
http://www.oyuncambazi.com http://www.netgazetesi.com http://www.cicicocuk.com http://www.poyrazkartus.com - coldplaymusic, on 03/19/2009, -0/+0great reference...this is a good website to learn CSS. Nice posting. CSS is the most common application is to style web pages written in HTML and XHTML. Very good
http://coldplaymusic.co.cc - xmilky, on 10/12/2007, -0/+0I think it's more important to tell newbies about the common mistakes. Unlike IDs, class selectors may not contain underscores (instead use minus signs), and such stuff...
- planetmatt, on 10/12/2007, -0/+0I think thats great but I would add that an ID can only be used once per page whilst a Class can be given to multiple elements as the difference between the two isnt stated and CSS beginners can easily get the two confused.
- Veign, on 10/12/2007, -1/+1Check out this one too:
http://www.veign.com/downloads/guides/qrg0007.pdf - Skotasma, on 10/12/2007, -0/+0It's kinda neat, but I don't think it's too good for newbies and others shouldn't need most of that anymore.
I rely on copy/past and selfhtml.org - sorry, guys, basically only German.
The best way would be to make one for yourself - so you got on it what YOU need and comments you understand.
What I'm missing most about this one is the IE-Box Model Problem. What good is the pic of the box model if it doesn't work like this for sure. - coditza, on 10/12/2007, -0/+0I saw a big bounch of "cheat sheets", from css to c++, a couple of years ago. I have a couple of them printed somewhere.
I don't get why people makes these so small. Make them bigger so I can print it on A3 paper or bigger and hang it on a wall. That will be usefull. - shaiba81, on 11/25/2007, -0/+0thank you for this useful URL http://wslaat.com
- oyunaranet, on 10/02/2008, -0/+0http://www.oyunara.net http://www.oyunim.com http://www.oyunulkesi.net
http://www.bizimmekan.com http://www.oynatizle.com - inactive, on 09/01/2008, -0/+0http://www.inchirierimasini.wordpress.com
- flh7, on 08/31/2008, -0/+0http://www.flh7.com/vb
http://www.flh7.com
http://www.flh7.com/mob
http://www.flh7.com/games
http://www.flh7.com/pic - srtech, on 10/12/2007, -0/+0More CSS cheatsheets:
http://techcheatsheets.com/tag/css/ - abramburel, on 10/12/2007, -0/+0really really handy ... thanks for sharing it
- trsohbet, on 10/14/2008, -0/+0thank you
http://www.trsohbet.name
http://www.sevgirc.net
http://www.muhabbet24.org
http://www.foxmirc.com -
Show 51 - 68 of 68 discussions



What is Digg?
Digg is coming to a city (and computer) near you! Check out all the details on our