CSS Editing Tools

In my attempt to transition from table-dominated layouts to standards xhtml, I've had to more or less ditch the old workflow of slicing up images in Firefox and work on them in Dreamweaver.

For the time being, I'm doing it all by hand as most of you are as well...
So, using the right tool is key.

I came across a few good apps this week that I wanted to pass along.

CSS Edit

CSS Edit is a mac application that lets you.... guess... edit the CSS. :)
But that's all it does... so the software doesn't get bogged down with all the tools required to edit PHP or XHTML etc... it just focuses on the CSS... and in just the little bit that I've used it so far, it looks like a great time saver... especially for choosing colors and finding the right classes and blocks etc.
Check it out if you're on a mac.
http://www.macrabbit.com/cssedit/

FireBug

The Firebug Extension for Firefox

Another great tool is the Firebug extension for firefox. This tool does some tricks that I haven't seen in any other tool. I was just impressed with the layout and style inspector but it seems like it is meant to also debug AJAX and Javascript/DOM stuff.
You can move your mouse around on any page you navigate to and it highlights the css, javascript, or xhtml code in the panel below. Pretty cool stuff.
Worth taking a look at.
http://www.joehewitt.com/software/firebug/