82 Comments
- sockpuppets, on 10/12/2007, -0/+62Superdouche. Yeah, I can't wait to introduce this to the females in my creative team, it will go well.
- funkytaco, on 10/12/2007, -1/+44"Yeah, I can't wait to introduce this to the females in my creative team, it will go well."
Alright, ladies, for our next project, we really need you to use SuperDouche.
****SLAP****
****KICK****
****KICK**** - Anpheus, on 10/12/2007, -1/+25Or you could do something crazy like add a ".bak" to the end so that you actually know what the ***** sadasdasd.css is.
You know, something like "defaultstyles.css.bak" - 08x359, on 10/12/2007, -1/+23How long have you been on Digg?
Look, I'll give you a primer: You are supposed to submit anyways, then comment like this:
"DUPE WHY IS THIS ON DIGG I SUBMITTED THIS STORY DIGG THIS ONE IT'S BETTER " - diskopo, on 10/12/2007, -4/+20"At least it works."
Unlike the females in your creative team?
Don't hit me! - dignation, on 10/12/2007, -17/+33Digg me down!!!
- realnebby, on 10/12/2007, -1/+15It made Diggs main css file 3% bigger.
- TheProfessional, on 10/12/2007, -1/+14I was just submitting the link when this registered as a duplicate story.
Awesome tool, thanks isnoop! - scarboy, on 11/09/2007, -0/+13All of isnoops tools are pretty awesome
- gcnaddict, on 10/12/2007, -1/+13"Yeah, I can't wait to introduce this to the females in my creative team, it will go well."
At least it works. - prockcore, on 10/12/2007, -0/+12And its name is 300% more work appropriate.
- jimbolla, on 10/12/2007, -0/+11Instead of renaming the file to someting unintelligible, keep your website under source control using CVS or Subversion.
- mikev, on 10/12/2007, -0/+10I think a world without douches would be pretty unfriendly.
- RyeBrye, on 10/12/2007, -0/+9I know what you mean by having CSS human readable - but that's why you keep 2 files. One for deployment and one for editing.
Oh, and if you are really serious by saying "view source" you need to learn to link CSS files. CSS shouldn't be embedded in your HTML. (Web Dev extension is firefox is pretty sweet for viewing / editing external CSS files - so maybe that's what you meant.) - madskjaer, on 10/12/2007, -3/+11It reduces the size, yeah. But I still think that HTML and CSS code should be readable in a "view source" window. If just whitespace formatting and color coding came standard in all browsers.
- gaoshan, on 10/12/2007, -0/+7LOL... no matter how great this thing may be, the name alone kills it. I cannot even begin to imagine the chaos that would break out around the conference table as you unveil this new tool to your colleagues. So many people, especially the less tech oriented (like managers), already roll their eyes at some of the stupid, cutesy/weird names that some projects take on.
You-> "Well folks, in the open source realm we have a few interesting options: CSS SuperDouche, XSL UltraEnema, Fruit Plug, HoverFart, HTMLImpregnator, SpoogeCMS and Joomla."
Everyone else->*Waiting uncomfortably for you to say, "Ha,ha... just kidding, here are the real apps".* - BlackAdderIII, on 10/12/2007, -0/+6Doh, I totally thought this story was going to be about Gabe Newell.
Never mind. - countmandible, on 11/15/2007, -0/+6You could create your own local copy of the form without the page title, and submit from a clean page.
Just create a page on your local server with this form embedded:
<form method="post" action="http://isnoop.net/tools/css.php?cut_ws=&naked=1">
<b>CSS Url:</b>
<br><input type="text" name="url" size="64" value="">
<br><br><label><b>Remove all whitespace:</b> <input type="checkbox" name="cut_ws" value="true"></label>
<br><br><input type="submit" value="Superdouche my CSS">
</form> - ngetchell, on 10/12/2007, -0/+6Easily one of the most useful internet tools I've ever found.
- darkspire, on 10/12/2007, -0/+5"So it removed all my comments, I don't really see that as an improvement..."
If you are serving up millions of page views each day those comments and white space add up very quickly in the total amount of bandwidth used per connection. Optimizing the size of your files can reduce the load on your servers and your network connection(s). This can vastly improve on the usability of a site.
If you are developing sites professionally you should keep two copies of your files. Those you work on and that have nice comments and whitespace for human readability; and those you deploy on your webserver which are optimized for size and speed. A lot of companies have deployment scripts they use which take a copy from source control, optimize the files, and then deploy them. Or some variation on that theme. - Linkage155, on 10/12/2007, -0/+5Why the hell would you choose the "remove all whitespace" tick box, and after seeing results still copy the entire css file (which is now all in one line) to your server without taking a half-second look at it?
- isnoop, on 10/12/2007, -0/+5Whah? You're crazy:
http://digg.com/css/6/global.css 2.1% smaller
http://digg.com/css/6/comments.css 5.1% smaller
http://digg.com/css/6/ie6.css 10.1% smaller
http://digg.com/css/6/ie7.css 18.7% smaller - Alfarin, on 10/12/2007, -0/+4It doesn't seem to reduce 6 char hex that can be reduced to 3.
IE:
color: #336699;
Does not get converted to:
color: #369;
But, neat tool none the less. - ExSlashdotter, on 10/12/2007, -5/+9You're being dugg down because you have no idea what the term 'best practices' means, and thus are *dangerous* to any codebase with actual importance.
I wish I could digg you down once for each time I've had the privelege of sifting through some hackjob code kiddie's spaghetti mess excuse for a codebase.
From all of us real software engineers out there, here's digging you down. - Tony2Nice, on 10/12/2007, -1/+5Hmm, made my css 13.6% larger, and removing all whitespace only saved me 2.2%. Also lost all my hierarchy of selectors in the super douching. Oop.
- iTorrey, on 10/12/2007, -0/+4Don't forget Dojo's Shrinksafe for JS
http://alex.dojotoolkit.org/shrinksafe/ - macinjosh, on 10/12/2007, -1/+5very nice tool but I wish it had a more work friendly name
- inactive, on 10/12/2007, -1/+4I use CSS Compressor at http://www.cssdrive.com/index.php/main/csscompressor/
I ran a few tests and CSS Compressor tends to save about 3% more than isnoop's tool. - wintermute0, on 10/12/2007, -0/+3UberShower must have already been taken and last I heard, someone was coveting iDouche, too.
- Cglass, on 10/12/2007, -0/+3Uhm sir this tool isn't here to help with readability OR maintenance, it's strictly for size reduction. Like other users have stated, you should have 2 css files, one for development, and one for live use. Clearly the user created CSS is more efficient in this case, so I will probably not use this software.
- ridd1e, on 10/12/2007, -0/+3Wrong thread, dugg me down please.
- Otto, on 10/12/2007, -1/+4Yeah, no kidding. mod_deflate or mod_gzip FTW.
And before people say that it uses your CPU, you can use mod_deflate with mod_negotiation to enable serving precompressed static content (just drop in a .gz file of your static content) to avoid that. For mod_gzip, just enable mod_gzip_update_static and it will not only compress for you, it'll save the compressed versions and serve them instead *and* update them whenever the static stuff changes, automatically.
Okay, so Netscape 4 and IE 5 has major problems with it. Who cares? Nobody uses those anymore. - theWaterboy, on 10/12/2007, -0/+3the time when it was actually necessary to strip every extra space out of your stylesheet has loooong since past. Additionally, there are text editors that strip whitespace as well.
- rnelsonee, on 10/12/2007, -0/+3Made my code 3% smaller, all of it due to comments I believe. If you're a CSS nerd, chances are your code is already optimized. Only put in declarations that aren't inherited, and you're all set. No need to specify a font for -a- if you've already specified the font you want for -p- (or for the whole page if you only use one font), as -a- is always inside a -p- in a valid page (change -'s to less-than and greather-than signs. Digg's filtered them out).
Still dugg though for those that need. I wish I could digg it again, only because it's the best name ever. - SuperSloth, on 10/12/2007, -0/+2That's correct. You shouldn't have the same tags in multiple places. It makes maintenance difficult and reduces readability.
- stockjones, on 10/12/2007, -0/+2Dugg for the name superdouche. Fresh as a morning rain..
- GaffleSnipe, on 10/12/2007, -0/+2CSS SuperDouche is just a kick ass title, strait up.
- kenmantx, on 10/12/2007, -0/+2I love these tools, and will use this one, but once again, don't fire ALL the humans yet:
Character counts, excluding whitespaces:
Before = 169
After = 225
Before:
h1, h2, h3, h4 {
font-variant: small-caps;
}
h1 {
font-size: 2.5em;
}
h2 {
font-size: 2em;
}
h3 {
font-size: 1.5em;
}
h4 {
font-size: 1em;
}
After:
h1 {
font-variant: small-caps;
font-size: 2.5em;
}
h2 {
font-variant: small-caps;
font-size: 2em;
}
h3 {
font-variant: small-caps;
font-size: 1.5em;
}
h4 {
font-variant: small-caps;
font-size: 1em;
} - inactive, on 10/12/2007, -0/+2and for all of your .js:
http://www.crockford.com/javascript/jsmin.html
works perfectly - disasterix, on 10/12/2007, -1/+3GZIP is much more efficient than any source compressor; make sure your web server isn't without it. If you really need all your source compressed, look into building an SVN hook script which post processes the updated file into your checkout (non SVN delete + replace + compress). Why fix the compression problem every day, if you can just fix it right once?
- priapism, on 10/12/2007, -0/+2Wow, my CSS feels springtime fresh. Thanks, SuperDouche!
- Mano70, on 10/12/2007, -1/+3Hm. Removes all comments in the CSS files also. Guessing isn't my game so thanks, but no thanks.
- fuzzboxer, on 10/12/2007, -0/+2Well, I'm back at work and finally getting around to using this. I've used CSS Optimizer before and I have to say that this tool works much better.
- lament, on 10/12/2007, -0/+2btw I used this before..
http://flumpcakes.co.uk/css/optimiser/ - ohsnap, on 10/12/2007, -0/+1CSS Tweak is a web based CSS optimization tool. It will take any CSS file and optimize the syntax, grouping your style declarations into shorthand where possible. It can also remove comments, and strip whitespace for maximum compression.
There are other tools out there that have more compression options, but I made CSS Tweak to be simple, fast and easy to use. This meant only including the features that I felt were the most useful. By concentrating on things like making the interface simple and straight-forward, the tool would be far more beneficial for the majority of users that wouldn’t want more advanced compression options.
One major difference from other tools however, is that you can stop it from altering your syntactical layout. Instead it will go through and stick with the code layout structure you have defined, and clean up any areas that are incorrectly formatted. Some other tools tend to reformat your CSS, and move things around.
CSS Tweak also comes with it's very own OS X dashboard widget.
http://www.cssdev.com/csstweak/ - CatalystGhost, on 10/12/2007, -0/+1Look! Up in the sky! It's a bird! It's a plane! It's a... who are we *****? Gabe Newell's too fat to be flying, but he can still be Superdouche!
- Wang, on 10/12/2007, -0/+1Thanks for submitting this. I've missed seeing useful things like this on digg,
- zephc, on 10/12/2007, -0/+1Or better yet, auto-generate your CSS from templates. Bonus points if you write your own templating language.
- kaffein, on 10/12/2007, -0/+1The only thing that this thing needs is a to place the parameters in a specific order...
This way it would be even easier to find them when you need to edit.
I usually do this manually when I'm "done" with a site... - Innatech, on 10/12/2007, -0/+1Heh. When I read the headline, I was sure this would be about a particularly clueless CMS portal designer. A different kind of tool, I suppose.
Hohoho, I kill me. -
Show 51 - 80 of 80 discussions



What is Digg?
Browsing Digg on your phone just got easier with our enhancements to the