For me it doesn't render properly in firefox. It never seems to make it into the single column mode. Chromium on the other hand, smooth like butter.

yikes, bad karma, i was half joking with the negativity. good iOS apps have nice animated transitions between portrait and landscape.

I don't think media queries offer you that functionality, and I can't think of a way to do it within JavaScript. How would you do it?

I don't know much about javascript, I've just seen stuff like this -> http://masonry.desandro.com/demos/animating-jquery.html

Resize that page.

Interesting trick, but I don't think (could be wrong) that's applicable in this instance. I noticed immediately that this doesn't work in the place where you're most likely to see a resize/dimensions-change event: a tablet or phone. When you switch orientation on either, it just resizes the entire page itself. So it's not super useful in the place that most needs it.

Also, though this is much more subjective, I think that really looks terrible. Too much stuff is moving.