Tips for web designers
22 Feb 2007
When you’re coding a design, it’s quite likely that you’ll have two programs open (at the least). The editor with all the code in it, and a browser with what that code looks like.
When you make a change to the code, you have to refresh the browser to see the effects of the new code, and this can be a pain in the arse. I use CSSEdit, a program for the Mac which includes a preview window that updates instantly every time you make a change. It’s an excellent program, and I love it dearly.
However, CSSEdit’s preview window is reasonably relaxed when it comes to errors in your CSS. It allows things that browsers like Firefox would just outright ignore (and those like Internet Explorer would take one look at and start drafting the suicide note — and not a moment too soon you pile of worthless horse manure!).
So anyway, I wanted a way to be able to write code in one window, and have it update in the browser without having to press F5 all the time. (I should also point out that I use a MacBook, so I can connect two screens and they automatically display different things, it’s wondrous).
The solution was so simple, you’ve probably already thought of it, but I care not. I simply inserted this into the <head>:
<meta http-equiv="refresh" content="2" />And voila! My page is refreshed for me every 2 seconds :D
