Reflow visualizations are crazy
What's this "reflow" stuff mentioned in the title? We're glad you asked because you should probably
Anyway, the video above is the reflow process of Wikipedia slowed and "visualized". We're unsure how the author of the video captured or simulated the action, but what we do know is it's an interesting way to spend a few seconds. Check out a Google Japan reflow after the jump.
[via DougT]












Comments
7
Subscribe to commentsAndreasMay 27th 2008 6:20PM
Would be interesting to compare a table vs. css based layout this way.
kennaMay 27th 2008 10:32PM
I just don't get it.
Andrew EdahlMay 28th 2008 12:21AM
sexy.
what you're not getting is the fact that if you had .5 kb/s internet, and a sick nasty graphics card, this is what you'd see.
This is what your browser is doing as you stare at a blank page, waiting for something to pop up.
dgtljunglistMay 28th 2008 1:35AM
Andrew:
Actually, not quite. What you're basically seeing is just the markup and css styling being parsed. This all happens at once after all markup is downloaded and before any rendering occurs.
Bandwidth has more to do with images/media loading.
Andrew EdahlJun 15th 2008 5:51PM
Ah... my mistake..
Thanks.
ColinMay 28th 2008 2:26PM
This totally needs some techno music to go with.
whiskeyMay 28th 2008 11:50PM
Quick... somebody make a Firefox AddOn that does just this!
Imagine being able to understand why your site takes longer to render. This tool would be great to explain to clients what you mean when you say "leaner code means faster pages" or what you do when you do the voodoo that you do.