[TxMt] Options for real time css develpment

Scott Haneda talklists at newgeo.com
Sat May 2 23:47:22 UTC 2009


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.
-- 
Scott * If you contact me off list replace talklists@ with scott@ *




More information about the textmate mailing list