Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Hi
Rob Knight
Web Developer at UC Santa Cruz
       Drupal Themer
       Political Junkie

    http://robknight.net/yui
Theming Drupal
with the YUI CSS Library
     A Hopeful Maverick’s Guide
Yahoo! User Interface
                  http://developer.yahoo.com/yui




  A suite of Javascript
utilities for building ...
YUI Reset & Grids
            http://developer.yahoo.com/yui/grids

• Cross-browser reset
• Cross-browser grid system
• 8K...
Why use it?
• Reset browser defaults
• Templates support common ad sizes
• Variable content order
• Elastic em-based layou...
Drawbacks
• CSS validation is a priority
• You voted against IE hacks in the primary
• You are allergic to <div>
• Your de...
Lets play.
http://developer.yahoo.com/yui/grids/builder
Upcoming SlideShare
Loading in …5
×

Using YUI Reset & Grids CSS for Drupal Theming

3,404 views

Published on

Published in: Design, Technology
  • Be the first to comment

Using YUI Reset & Grids CSS for Drupal Theming

  1. 1. Hi
  2. 2. Rob Knight Web Developer at UC Santa Cruz Drupal Themer Political Junkie http://robknight.net/yui
  3. 3. Theming Drupal with the YUI CSS Library A Hopeful Maverick’s Guide
  4. 4. Yahoo! User Interface http://developer.yahoo.com/yui A suite of Javascript utilities for building rich internet applications.
  5. 5. YUI Reset & Grids http://developer.yahoo.com/yui/grids • Cross-browser reset • Cross-browser grid system • 8KB file • Served from Yahoo! servers
  6. 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. 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. 8. Lets play. http://developer.yahoo.com/yui/grids/builder

×