Liquid Layout, JS solution

Question

I have a centered liquid layout I am toying with that employs CSS floats. The main content are equal height/width boxes and when the browser window resizes the css floats reposition. Is there a simple way utilizing JS/JQuery or similar to animate the movement of the floats when they reposition?

I have explored JQuery Masonry, Isotope and a few others, but I am wondering if there is a simple lightweight method of doing this without figuring the positions of all the boxed with each width change.

Would appreciate any ideas, keywords to search, etc. :)

Answer 1

Look at css transitions and animations. You don't need javascript for this.