What is Digg?Sponsored by Travelzoo
Take Advantage of Ridiculously Low Holiday Airfares view!
travelzoo.com - Flights $52 and up for Thanksgiving, Christmas & New Year. But move on it now.
34 Comments
- ecidnac, on 10/10/2007, -1/+20Not anything that I don't already know, but it's good to be reminded now and then. I do tend to get sloppy...
- fuzzmeister, on 10/10/2007, -0/+13If you are willing to make your CSS essentially unreadable (which should be fine, if you keep a readable version elsewhere), try a tool like this:
http://www.cssdrive.com/index.php/main/csscompress ... - fLUx1337, on 10/10/2007, -0/+6I really don't see the point...
Unless you have peaks when you have thousands of visitors at any one time - 10KB isn't going to make much difference, when elements of web pages using modern browsers usally overlap, allowing alot of small files (i.e. CSS & images) to be downloaded near enough at the same time.
Anyhow, for a start I have just shaved 28.47KB off that guys banner by converting it to a gif, so I think this guy should take a look at the rest of his site as a whole, rarther than trying to cut - fLUx1337, on 10/10/2007, -0/+6omg, blog spam.....but not just spam, he has just copied/pasted the artical from another site!
http://www.divitodesign.com/blog/2007/09/create-sm ... - jtbandes, on 10/10/2007, -1/+6http://jigsaw.w3.org/css-validator/validator?text= ...
- spicytuna, on 10/10/2007, -2/+6BURY
Digg the original, even the linked blog says the source is: http://digg.com/programming/Help_yourself_by_creat ... - Lenny, on 10/10/2007, -2/+6Good article, but nothing new really.
- bpartridge, on 10/10/2007, -3/+6The description for padding was backwards, confusing top and bottom with right and left. || padding:10px 0; || means top and bottom are 10px and left and right are 0px.
- resplence, on 10/10/2007, -1/+3Yeah, WTF?
Direct link to article: http://www.divitodesign.com/blog/2007/09/create-sm ... - Mardala, on 10/10/2007, -1/+3Your external css and javascript files should be cached, so even if its 200K you only need to download it once.
- sintaxi, on 10/10/2007, -1/+3that article was ridiculous
- mithrasinvictus, on 10/10/2007, -2/+4Or just have Apache compress the files it sends to the client.
- Ahnteis, on 10/10/2007, -1/+3Not to mention gzip encoding. This "optimization" is completely useless.
- phoenixrip, on 10/10/2007, -3/+5All good advice, more a reminder to those of us who have become lazy and bloated with css, than a revolutionary new technique.
- drmangrum, on 10/10/2007, -1/+2If your css files are getting that big, perhaps it's time to break them up so the pages are loading only those elements that are needed. Creating a single monolithic css and cross linking to all pages is just dumb.
- dbr_onix, on 10/10/2007, -1/+2Other tool for lazy people, with various options to either just clean up a CSS file, or just make it shorter:
http://www.cleancss.com/ - Bukowsky, on 10/10/2007, -2/+3very true.
- IIIKrazyKiDDIII, on 10/10/2007, -0/+1Yea, these are just basic CSS techniques which should be done anyway. This article should be categorized as "CSS Basics to keep your files smaller"
- mithrasinvictus, on 10/10/2007, -0/+1I just checked: a 9kb style sheet can be compressed into a 3kb file.
- zammit, on 10/10/2007, -1/+1i usually write my css for each class or id all on a single line... saves a few kb on tabs (t) and new line feeds (n), and is easier to read... i don't have to scroll down 100 lines and attempt to find my class name
- devita, on 10/10/2007, -0/+0Hmm, 720 diggs. This is exact the same article as I have added to digg some time ago.. Just copy/past..
http://www.divitodesign.com/blog/2007/09/create-sm ... - dbr_onix, on 10/10/2007, -2/+2A compressed 25KB is still bigger than a compressed 24KB file..
- Mardala, on 10/10/2007, -1/+1I would definitely say the optimization is kind of a non-issue, but this type of css writing - using all the shorthand is what people should be doing anyways.
- cherouvim, on 10/10/2007, -1/+1http://csstidy.sourceforge.net/
- KelliShaver, on 10/10/2007, -1/+1This exact same article, word for word (but on a different web site), was on digg a few days ago.
- Rahulrulez, on 10/10/2007, -0/+0This is just Copy - Paste thing.. post your own reviews brother...
- dbr_onix, on 10/10/2007, -1/+1The "every little helps" saying(?) applies - CSS alone won't really make much difference, but if you can make your CSS file smaller, it can't but help.
Obviously images are going to be the biggest drain on bandwidth, so you'd save more bandwidth by compressing them better - but theres no reason not to make your CSS file neater while your at it. - macas, on 10/10/2007, -1/+1Excellent article , it's worth to read ;)
- xerus, on 10/10/2007, -4/+3* { } ;D
- inactive, on 10/10/2007, -3/+2wow great am just learning css and this really helps me.
- zammit, on 10/10/2007, -2/+1correct, but still invalid: if specifying a value greater that 0 anywhere (top/right/bottom/left) you must specify a unit. padding:0; and padding:10px 0px; are correct, but not padding:10px 0;
- thailand1972, on 10/10/2007, -2/+1Agree with fLux, what's the point of this? Example: someone obsessing over CSS file size trying to shave 1 or 2k off of it, while ignoring the fact they have a 150k image on their front page that could be optimized to 40k.
- TheJeffer, on 10/10/2007, -4/+2Huh. Site's down already. Maybe his CSS file was too big.
- smhill, on 10/10/2007, -6/+4Buried as lame. Not really how to make smaller CSS files, just CSS 101.
© Digg Inc. 2009
— Content created and posted by Digg users is