YUI Fonts: a Dashboard Widget

icon.pngThe Yahoo! User Interface Library is really a great tool for web development, and I’m not saying that just because I work there.

The YUI CSS foundation is composed of 3 components, which I have learned to love:

  • Reset creates a level playing field across browsers.
  • Grids offers three preset page widths, seven core templates, and the ability to nest subdivided regions of one to four columns.
  • Fonts offers cross-browser typographical normalization and control.

Being able to rely on these facilities is a great time-saver once you understand how they work. For example, Fonts requires sizes to be declared as percentage values. Many web devs at Yahoo! have the pixel-to-percentage table in their cubicle, I made a Dashboard Widget for Mac OS X. It’s just a semi-transparent image with the pixel/percent table and matching Arial sample text as rendered by Safari, IE, and Firefox.

Download here: yui-fontswdgt.zip [96 KB]

In other news, they fixed my A/C. I’m glad! :D


About this entry