1. Technology
You can opt-out at any time. Please refer to our privacy policy for contact information.

Using Yahoo! UI to Give Your Blog That "Blog Look"


2 of 10

The Yahoo! UI Library

Yahoo! has made its Yahoo! User Interface (YUI) library public and open source. Anyone can use this library, free of charge, for personal or public project and it generally makes things very easy. Though the bulk of the YUI library is a Javascript library, this iteration deals only with the CSS (Cascading Style-sheets) portions of the library.

CSS is essential for page layouts. In the past, you might have used tables, <center> and <font> tags. With the addition of CSS, all of this formatting is taken out of the markup itself and put into a separate CSS script. This allows for easier creation of content with a more consistent look and feel.

There are several parts to the YUI CSS library. The first that needs to be included in this project is the Reset stylesheet. Every browser has a slightly different way of formatting CSS elements; the Reset stylesheet attempts to normalize these differences so you get a consistent look across all browsers.

The next part is the Grids stylesheet. This stylesheet is responsible for layouts, giving you both liquid and center-column options. By using the Grids stylesheet, you can build layouts easily and ensure proper display across all web browsers.

The final two parts are the Base and Fonts stylesheets. Base provides some miscellaneous things that will be used later on as you build your blog and Fonts provides consistent cross-browser front sizes and families.

  1. About.com
  2. Technology
  3. Ruby
  4. Ruby on Rails
  5. The Yahoo! UI Library

©2014 About.com. All rights reserved.