If you are like me, you might find yourself modifying an existing website from time to time. And if you have luck like me, that also means you are going to have to mess with the Cascading Style Sheet (CSS) for that page. The thing is, I’m not that great with CSS, and manually modifying a style sheet is an equation for disaster when I’m at the keyboard.

Luckily, Chris Pederick has built a Firefox extension for those of us who are not CSS inclined. The extension is called Web Developer and it gives you the ability to go to any site and edit the style sheet on the fly. The good thing is that the changes are not permanent, but if you like what you’ve done you can always upload the style sheet to your server.

The benefit here is you can modify multiple elements of a site’s CSS, in your browser, without actually having to make the changes to the live site. This extension also makes it much easier to modify multiple elements in the CSS and view the effects of the changes.

I was messing around with a site’s CSS the other day and the Web Developer extension saved me a lot of time and anguish. If you do any site design or modification, I highly recommend you download the Web Developer extension…and hey, it’s free!

Related posts:

1. SEOpen Extension for Mozilla Firefox If you are a Firefox user practicing search engine optimization,...
2. More Web-Development Extensions for Firefox Other than being a fantastic browser, Mozilla Firefox allows programmers...
3. Web Developer SEO Cheat Sheet - Print It Now I ran across this downloadable and printable SEOmoz Web Developer’s...
4. Know When to Say When to Firefox Extensions Thanks to Justin for pointing this one out… Sometimes you...
5. IE is Dead, Long Live IE Well, it looks like IE 7 is about done. Microsoft...

Related posts brought to you by Yet Another Related Posts Plugin.