Ignati [dot] com

Currently, there are 2 ways when displaying column on a liquid layout, first is fixed columns and second is liquid columns. Using fixed columns can fill up the view port with as many columns as it can fit but leaves excess white space where a column was just not able to squeeze in. And using liquid columns do not leave any excess white space and fits perfectly but restricted to having a fixed number of columns per row.

That’s why you should try Smart Columns which based on jQuery framework to optimize your liquid layout. There is 3 advantage when having fixed columns in a liquid layout:

1. Allow as many fixed columns to line up across the viewport
2. Take excess white space and evenly distribute them to each of the columns to complete the full row
3. Keep a default fixed width as the base, so that the columns are reasonably within the intended columns sizes

Click here for the demo and don’t forget to try expanding the view port of your browser.

Tags: columns, design, jquery, layout, liquid, web design

If you like this post then please consider to subscribe my feed. You can also have new post directly to your inbox if you prefer subscribe by email.