Snip
|
YUI Grids CSS
|
---|
Categories |
|
---|
For Snip |
loading snip actions ... |
---|---|
For Page |
loading url actions ... |
The foundational YUI Grids CSS file offers three preset page widths, seven core templates, and the ability to nest subdivided regions of one to four columns. All told, the file offers almost 200 preset layouts and an unlimited number of custom permutations that work across all A-grade browsers, all for less than 2.5kb of minimized file weight. Other features include:
HTML |
<h1>YUI Grids CSS</h1> <p>The foundational YUI Grids CSS file offers three preset page widths, seven core templates, and the ability to nest subdivided regions of one to four columns. All told, the file offers almost 200 preset layouts and an unlimited number of custom permutations that work across all A-grade browsers, all for less than 2.5kb of minimized file weight. Other features include:</p> <ul> <li>Supports fluid-width (100%) layouts.</li> <li>Supports preset fixed-width layouts at 750px and 950px.</li> <li>Supports easy customization of the width for fixed-width layouts.</li> <li>Flexible in response to user initiated font-size adjustments.</li> <li>Template columns are source-order independence, so you can put your most important content first in the markup layer for improved accessibility and search engine optimization (SEO).</li> <li>Self-clearing footer. No matter which column is longer, the footer stays at the bottom.</li> <li>Automatically centers within the viewport pages less than 100%.</li> <li>Accomodates <a href="http://www.iab.net/standards/adunits.asp">IAB's Ad Unit Guidelines</a> for common ad dimensions.</li> <li>Offers full <a href="../articles/gbs/gbs.html">A-grade browser</a> support.</li></ul> |
---|