1. Hi

2. Rob Knight
Web Developer at UC Santa Cruz
Drupal Themer
Political Junkie
http://robknight.net/yui

3. Theming Drupal
with the YUI CSS Library
A Hopeful Maverick’s Guide

4. Yahoo! User Interface
http://developer.yahoo.com/yui
A suite of Javascript
utilities for building rich
internet applications.

5. YUI Reset & Grids
http://developer.yahoo.com/yui/grids
• Cross-browser reset
• Cross-browser grid system
• 8KB file
• Served from Yahoo! servers

6. Why use it?
• Reset browser defaults
• Templates support common ad sizes
• Variable content order
• Elastic em-based layout
• Optionally served from Yahoo! servers
• Speeds up development

7. Drawbacks
• CSS validation is a priority
• You voted against IE hacks in the primary
• You are allergic to <div>
• Your design looks like a Pollack painting
• You prefer pixel font sizes
• Yahoo! stock price scares you

8. Lets play.
http://developer.yahoo.com/yui/grids/builder