In the last couple of months, I had implement the latest layout on SmartColumn and SpaceMaker to several joomla/wordpress site. The client loved it and amaze with the auto size changing and layout with this 2 javascript code. This fluid smart column layout are used more often in today web layout. I hope in the future we can create something that link to the joomla or wordpress. So majority user can benefit from this exciting layout.
Showcasing site that are using this kind of layout.
Method
SpaceCollective
ReformRevolution
NeilPryde
MichaelPaulYoung
NeilPryde Memory Wall
SpaceCollective Gallery
MeseumTheme
JavaScript Plugins that dose the tricks
Columnizer
Columnizer | Demo
Author < adam.wulf
Easily give your site the newspaper layout you’ve dreamed of, and use Columnizer to layout your content into multiple columns automatically. Resizing the browser will automatically add or remove columns based on available width. Now your layout can automatically adjust to really wide monitors and adapt to narrow iPhone interfaces!
Using the plugin is easy:
Columnize
Author < Lutz Issler
Columnize | Demo not available
Columnize creates a newspaper-like column layout. The original HTML code only needs small adaptions. In most cases, it is not necessary to adapt the HTML code at all.
JS-Columns – Newspaper style column layouts
JS-Columns – Newspaper style column layouts | Demo
Author < kennethkufluk
Displays columns filling the container height, with smooth paging and adjusting the number of columns according to the available page width.
Smart Columns w/ CSS % jQuery
Smart Columns w/ CSS % jQuery | Demo
Author < Sohtanaka
The great thing about having fixed columns in a liquid layout, is that it will fill up the view port with as many columns as it can fit. But as you can see there will be certain viewport resolutions, where it leaves excess white space where a column was just not able to squeeze in.
I hope you have enjoyed this post, be sure to subscribe to my rss feed by click the subscribe button at the top.
Good Luck!
Wah~ Professional!!
I like it
There is evidently a lot to know about this. I believe you made some effective points. Keep up the great work, outstanding site!
Thanks! That was very informational, I just saved your website url.
great list for imspired, i love Smart Columns w/ CSS % jQuery, it's free for using