The Refresh Meta Tag

I don’t know why I haven’t thought of it before, but I figured out a nice little trick this week while developing some difficult CSS graphs and charts.

CSS can be tricky when you use lots of floats and nested positioning. So much so, that you practically have to test your code in several browsers for each and every little change that you make to the code, just to see if everything is going to work as you want it to.

Testing, however, can eat up a lot of time. You have to view the page in various browsers and various operating systems, which means you have to go from computer to computer hitting “Refresh” to display the page with your most recent changes. Until now.

It dawned on me that all I had to do was toss in a refresh META tag in the HEAD of the document and all of the computers will refresh the document automatically, say, every five seconds. That way, I could have three or four computers within visual range of my desk automatically loading my changes to display my every flaw in disappointing detail.

The Refresh Meta Tag
<meta http-equiv="Refresh" content="5" />

I’m such a idiot for figuring this out just now.