Yesterday it occurred to me as I was editing styles with Chrome’s Developer Tool that there should be something to automatically list for me the differences in the stylesheet before and after the changes I made, so I could just add the different rules across all the selectors to my stylesheet by copy and paste. I started googling and found one better: Chrome DevTools Autosave (by Nikita Vasilyev).
Took me 15 minutes to install and configure but it actually saves any changes you make directly to the static files on the server. Albiet, it does not work with PHP, HAML, SCSS/SASS or any of the server-side exclusive scripts, but I still found it helpful for my purposes. I was editing a stylesheet generated by compass, but I can still use `git diff` to see what changed and copy/paste those changes into my original SCSS file.
Check it out. Especially if you do a lot of slicing and themeing, I’m sure it has potential to be a big time saver for you, as well.
Credit: http://addyosmani.com/blog/autosave-changes-chrome-dev-tools/