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.
The New Yahoo! Homepage and YUI 3.0 Nicholas C. Zakas Principal Front End Engineer, Yahoo!
1996
1997
1999
2002
2004
2006 YUI 2
Homepage Stats <ul><li>300 million unique users worldwide per month </li></ul><ul><li>100 million unique users in the Unit...
2008 YUI 3
Goals <ul><li>Eliminate global dependencies </li></ul><ul><li>Make it small, make it fast </li></ul><ul><li>Create version...
Eliminate Global Dependencies <ul><li>YAHOO </li></ul><ul><li>YAHOO.util </li></ul><ul><li>YAHOO.util.Dom </li></ul><ul><l...
Eliminate Global Dependencies
Make It Small, Make It Fast <ul><li>YUI 2.6.0 </li></ul><ul><li>dragdrop.js (24 KB) </li></ul><ul><li>YUI 3.0 PR1 </li></u...
Make It Small, Make It Fast
Create Version Independence
Allow Code Portability
Be Forward Compatible
3 > 2
 
Etcetera <ul><li>My blog:  www.nczonline.net </li></ul><ul><li>My email: [email_address] </li></ul><ul><li>Twitter: @slick...
Upcoming SlideShare
Loading in …5
×

The New Yahoo! Homepage and YUI 3

15,579 views

Published on

A brief talk given at the San Francisco JavaScript Meetup about why the new Yahoo! homepage decided to use YUI 3 instead of YUI 2.

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

The New Yahoo! Homepage and YUI 3

  1. The New Yahoo! Homepage and YUI 3.0 Nicholas C. Zakas Principal Front End Engineer, Yahoo!
  2. 1996
  3. 1997
  4. 1999
  5. 2002
  6. 2004
  7. 2006 YUI 2
  8. Homepage Stats <ul><li>300 million unique users worldwide per month </li></ul><ul><li>100 million unique users in the United States per month </li></ul>
  9. 2008 YUI 3
  10. Goals <ul><li>Eliminate global dependencies </li></ul><ul><li>Make it small, make it fast </li></ul><ul><li>Create version independence </li></ul><ul><li>Allow code portability </li></ul>
  11. Eliminate Global Dependencies <ul><li>YAHOO </li></ul><ul><li>YAHOO.util </li></ul><ul><li>YAHOO.util.Dom </li></ul><ul><li>YAHOO.util.Event </li></ul><ul><li>YAHOO.My </li></ul><ul><li>YAHOO.My.Namespace </li></ul>Dependencies:
  12. Eliminate Global Dependencies
  13. Make It Small, Make It Fast <ul><li>YUI 2.6.0 </li></ul><ul><li>dragdrop.js (24 KB) </li></ul><ul><li>YUI 3.0 PR1 </li></ul><ul><ul><li>dd-ddm-base.js (2 KB) </li></ul></ul><ul><ul><li>dd-ddm.js (1 KB) </li></ul></ul><ul><ul><li>dd-ddm-Drop.js (3 KB) </li></ul></ul><ul><ul><li>dd-drag.js (7 KB) </li></ul></ul><ul><ul><li>dd-drop.js (4 KB) </li></ul></ul><ul><ul><li>dd-proxy.js (2 KB) </li></ul></ul><ul><ul><li>dd-constrain.js (3 KB) </li></ul></ul><ul><ul><li>dd-plugin.js (0.2 KB) </li></ul></ul><ul><ul><li>dd-drop-plugin.js (0.2 KB) </li></ul></ul>
  14. Make It Small, Make It Fast
  15. Create Version Independence
  16. Allow Code Portability
  17. Be Forward Compatible
  18. 3 > 2
  19.  
  20. Etcetera <ul><li>My blog: www.nczonline.net </li></ul><ul><li>My email: [email_address] </li></ul><ul><li>Twitter: @slicknet </li></ul><ul><li>YUI 3: http://developer.yahoo.com/yui/3/ </li></ul>

×