My stylesheet is huge!

guest2013-1

guest
Joined
Aug 22, 2003
Messages
19,800
;)

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?
 

mh348

Expert Member
Joined
Jun 2, 2006
Messages
4,211
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.
 

Gnome

Executive Member
Joined
Sep 19, 2005
Messages
7,208
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!)
 

guest2013-1

guest
Joined
Aug 22, 2003
Messages
19,800
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"
 

Other Pineapple Smurf

Honorary Master
Joined
Jun 21, 2008
Messages
14,593
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
 

Gnome

Executive Member
Joined
Sep 19, 2005
Messages
7,208
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.
 

FarligOpptreden

Executive Member
Joined
Mar 5, 2007
Messages
5,396
Wow... big, uh, "stylesheets", jizzing of pants and growing e-penises. This thread is a bit off, me thinks...
 
Top