Save Time Working With CSS

[vgeek]

I'm pretty sure everyone already knows about Firebug for Firefox, which allows you to inspect code, but the plugins are what makes it shine.

Firefinder - This saves so much time in identifying CSS selectors, such as if you want to install a Wordpress plugin on a non-default theme.

CSS Usage - If you use any type of bootstrap framework for development, this can help you shave space from your stylesheets.

YSlow - Since Google probably takes into account how fast pages load, optimize them.

There are other ones, but these are probably the most useful in my opinion.

 

[snguyen]

or just use chrome lol

 

[V@pr0N00b]

One of the biggest time savers for me personally when working with css is to use css-generative languages like stylus. I'm also a fan of jade for generating my html. I don't use coffeescript though, strangely enough.

 

[Panic Not]

Firebug works great, but the web developers toolbar is a must have piece of kit also.

 

[aidenruse]

Thanks Vgeek for sharing the time saving css tools.

 

[GoForJacob]

Don't forget CSS frameworks such as Sass and Less which will further decrease working time! Nice post.

 

[Fatbat]

Don't forget CSS frameworks such as Sass and Less which will further decrease working time! Nice post.

Neither Sass nor Less are frameworks.