Like it or not, I end up having to detract for writing code, and work with css. I started using Tm for this the other day. Great auto complete in the css markup, that truly is a time saver.
I see a lot of people use FireBug to open a css file left side, browser on right, and start seeing in real time their changes. This is probably the best way to do CSS dev IMO, not refreshing a page and seeing it happen in real time is a real time saver.
I am not a huge fan of FireFox, or Firebug, and it is not a solid solution, you can not save, there are some deficiencies.
Apple's Web Inspector tool gets me part there, but you can only edit CSS in their fields, can not get raw access to a file.
I see in TM I can do a "Show Web Preview", which is pretty nice. It is not pure real time. Why is this? Why can something like FireBug do real time updates, but TM is more on a schedule? Not knocking it, I am genuinely curious about the technical aspects of how this is working.
The trouble is, I do not want to do inline CSS editing, I want to edit the references CSS file. If I open a html file, which has a link to a .css file, make change to the .css file, the .html file that is open in the web preview is not updated. I have to toggle back to the .html file, make a space or other change, and then I see the update.
Any other way to trigger the update from the linked file?
TM also only works on local files. If I am working on a remote file over ssh/ftp all image links will be broken, so something as simple as <img src="icons/blue.png" /> which would load in a browser just fine, will be broken in the web preview.
Any suggestions to get out of the change/save/switch/reload cycle that is going to give me carpal tunnel syndrome soon enough.
I am going to look at CSSEdit as some others have suggested, but I really do not want to add another huge dev tool to the list of things I need to learn, and I am already 110% happy with hose TM auto completes CSS.