Everyone by now should be using css to style their websites, if you are still using tables for your layouts, may you be strung up by your short and curly’s and flogged until you promise never to use tables again!
I am all for speeding up my development processes and today I found a nifty little tool in the Firefox Web Developer plugin. If you don`t klnow what this it, it is a toolbar that sits in Firefox allowing you to do wonderful things to websites, such as check validation, remove all images, highlight layers etc. The list goes on.
I have been using the plugin for several years now but only today did I notice the edit css function. Open up a website in Firefox, I have been playing with my localhost website setup. I now want to play with the css of the website and make some changes.
In the Web Developer Plugin toolbar, select the css tab then edit css. Beneath your website a window appears containing the website’s css file. You can make a change to this and see the change in realtime.
Right, I hear some people asking what is so hard in saving the css file, opening your browser and pressing refresh but my God, this feature of the Web Developer toolbar is genious! Over the course of a few hours, making small tweaks and checking the output on your website it saves time and you never leave your css file.
The only problem is, I have been playing around with this and ended up wasting a lot of time as I have been opening up some websites I developed previously and destrying the css. Call me a geek but that’s loads of fun!
Chris Pederick who created the Web Developer toolbar has a blog where he writes about new releases, view his blog here.
0 Responses to “Speed up your css development”