[TxMt] Re: Options for real time css develpment
talklists at newgeo.com
Tue May 5 22:25:33 UTC 2009
On May 5, 2009, at 7:59 AM, Anthony Park | 29degrees wrote:
> Scott Haneda wrote:
>> Any suggestions to get out of the change/save/switch/reload cycle
>> that is going to give me carpal tunnel syndrome soon enough.
> One option, which is obviously completely editor-independent, would be
> to set your browser to refresh the page at regular intervals (for
> example, once a second) whilst you're working on it. Firefox has an
> extension  which will do this for you, and you could do the same
> with Safari with AppleScript.
I have thought about this, and tried it, I think it had issues.
Firstly, every load in safari seems to be another 1MB of memory is
sucks up, this was killing me. I also think there was an issue with
focus, Safari kept getting in my way.
> I'd be interested to hear if you come up with any other solutions.
Something just kicked into my head, I remembered the base href meta
tag. I downloaded a index.html file from a random site, and as the
first tag in the head section, I set the base href to the sites domain
<base href="http://example.com/" />
All of a sudden, the css file and images all came alive, all links
worked. So this given me my local file to work on, all I would have
to do is download my .css files and what I want would be
accomplished. I could then use the web preview feature in TM.
I could even take it one step further, and use a remote ftp app, set
the base href, and all css and image files would work. So this solves
it to a degree. The web preview in TM is not perfectly responsive,
but it does work, and this makes all .css files followed even the
The last one I was thinking, is a bundle item. I little more work,
but more transparent. Make a bundle item that will curl a url, grep
for all urls and download them to /tmp/random_folder. Find the css
bits and files you want, and generate a project plist file in /tmp as
Pass the path to the project file to TM to be opened, and there you
are, you just were asked for a url, and given back a TM project you
can edit and work on locally. You still have the issue of editing a
css file not being able to refresh the web preview of the parent html
This is probably only going to be truly solved in TM core, at least in
a graceful way. So far, not a lot of demand given the lack of replies
on this thread. Maybe it could be done in a plug-in, I have no idea.
Right now, I am pretty pleased with the base href idea, that works
amazingly well actually. It is a tag I forgot about, never really had
a need for it. There is also <base target="_blank" /> which could
come in handy, but I usually just find and replace those away.
Scott * If you contact me off list replace talklists@ with scott@ *
More information about the textmate