How I Edit CSS Live using Chrome and Transmit

Since posting an article about using firebug and web developer tools to edit CSS live, it's been the most popular post on this site. Since then i've changed how I work a bit using Google Chrome's built-in inspector and the Mac FTP app Transmit.

I've been using Chrome since the added extensions. It's lighter and faster on every platform. It also has an inspector built-in so there's no need for firebug (you can get for Chrome if you do want it). I use that to manipulate the CSS on a page. At the same time I have the CSS file open using Transmit's built in editor. When I figure out the CSS combination that works in Chrome, I make the changes in the CSS file. The beauty of this setup is that when I save the file, Transmit automatically uploads the file by the time I refresh the page.

This workflow is very simple and allows for more time to be spent on playing with the code than having to manage CSS files and windows.