September 13th, 2007 by James Omdahl
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!
September 21st, 2007 at 10:00 am
Just wanted to let you know Ive switched almost all of my web developin over to the new kid on the block… FireBug. In addition to the cool stuff the web dev toolbar lets you do, Firebugll let you change the HTML and JavaScript too.