Build CSS Sites Quickly With Yahoo Grid CSS Templates

Do you continually have to create CSS sites or CSS templates? Having a framework as a reference can be a very positive thing to have in your arsenal. Yahoo offers a great free Grid CSS template that you can use to build each and every one of your CSS sites.

According to Yahoo, the foundational YUI Grids CSS offers four preset page widths, six preset templates, and the ability to stack and nest subdivided regions of two, three, or four columns. The 4kb file provides over 1000 page layout combinations. Other features include:

Supports fluid-width (100%) layouts as well as preset fixed-width layouts at 750px, 950px, and 974px, and the ability to easily customize to any number.
Supports easy customization of the width for fixed-width layouts.
Flexible in response to user initiated font-size adjustments.
Template columns are source-order independent, so you can put your most important content first in the markup layer for improved accessibility and search engine optimization (SEO).
Self-clearing footer. No matter which column is longer, the footer stays at the bottom.
Layouts less than 100% are automatically centered.
Accommodates IAB’s Ad Unit Guidelines for common ad dimensions.
Offers full A-grade browser support.

Here are some great examples of the Yahoo Grid CSS template in action. Click here find out more about the Yahoo Grid CSS Template.

The Yahoo Grid CSS Template is a part of the entire Yahoo UI Library.

Read a tutorial on how to use the Yahoo Grid CSS here!

Download the Yahoo Grid CSS Template here!

Read all about the Yahoo Grid CSS development framework here!

Enjoy!

Kila Morton

Popularity: 15% [?]

If you enjoyed this post & think other people would enjoy it, please bookmark it!