Hot!Ajax

...because open source matters

  • Increase font size
  • Default font size
  • Decrease font size

Smart Columns

E-mail
(31 VOTITALY_VOTES, VOTITALY_AVERAGE: 4.00 VOTITALY_OUTOF)

This article was writen by Soh Tanaka. Check out his Web Design Blog for more tutorials!

You can follow him on twitter @SohTanaka

Smart Columns can fill up the view port with as many columns as it can fit and do not leave any excess white space.It fits perfectly within its layout.

  1. Allow as many fixed columns to line up across the viewport (as many as it will fit based on the base column size)
  2. Take excess white space and evenly distribute them to each of the columns to complete the full row. This way the columns will always fit perfectly.
  3. Keep a default fixed width as the base, so that the columns are reasonably within the intended columns sizes while maintaining enough flexibility to accommodate for the expandable viewport.

License:Free

Homepage:http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/  


Comments (3)add comment

Write comment
You must be logged in to post a comment. Please register if you do not have an account yet.

busy

LBL_NEWERNAME
LBL_OLDERNAME

 

Google Translator

link

  • jQuery

  • MooTools

  • boygj.com

  • Ajax技术论坛

  • QQ网址大全
  • Joomla!-开源天空
  • Web Development (Scripts) - TOP.ORG

We have 26 guests online