My stylesheet is huge!

guest2013-1

guest
Joined
Aug 22, 2003
Messages
19,800
Reaction score
13
;)

Hi guys, I've been given a site to rework, not I'm into my 3rd hour of ripping it apart streamlining it (they have 1 stylesheet for all of their sites, running 3, and its quite big)

I'm basically doing only a 1/3 of their website, so I only need those styles. Is there some kind of firefox plugin that will show me which styles are being used? These guys went cascading NUTTY. So it kind of confusing to me, a lonely ol' programma

Oh, and it's also "minified" so I have to "unminify" it to extract the styles I need... there must be a quicker way?
 
I think I have a firefox plugin on my home pc that might be able to do that, can't remember the name of the plugin right now, but I'll check when I get home.
 
Firebug? Can't you extract only what you need using that?

Hopefully you've tried firebug (I can't think that people can develop websites without it!)
 
I've been meaning to give Firebug a try and figured I'll do it.... only because I saw you can debug the AJAX requests you send through as well :eek: I was like "need to install nooooooooooooow"
 
Oh and I usually know how to debug **** so I figured Firebug... pffff... who cares
 
I've been meaning to give Firebug a try and figured I'll do it.... only because I saw you can debug the AJAX requests you send through as well :eek: I was like "need to install nooooooooooooow"

Firebug is the shizzles ... whithout it my apps (PHP / AJAX) would still be in the dark ages of HTML 0.0 :D
 
only because I saw you can debug the AJAX requests you send through as well :eek:

Yeah you can do that, but wait, there's more :D The one feature I would not be able to life without is inspect variable, basically you click on inspect and click on any part of the web-page and it will open that element in firebug at which point you can change the CSS,HTML, JS on the fly and see the effects. You can also inject extra JS scripts into the page.

But overall the inspect is the most useful because I often spend my time creating my CSS using that so I can see EXACTLY how it's going to look (as you change your CSS or HTML it is dynamically updated) then I add it to my CSS files. I mostly work on Portlets so deploying is incredibly slow and it would take forever to change the CSS, redeploy, change, redeploy, etc. Much faster using firebug and then copy paste in the actual CSS.

It is user friendly but you'd be better of trying a tutorial so you can see what every feature does.
 
Yea I was playing with this **** till 1am this morning. My e-penis feels huge now!
 
Wow... big, uh, "stylesheets", jizzing of pants and growing e-penises. This thread is a bit off, me thinks...
 
Top
Sign up to the MyBroadband newsletter
X