Feed Sign in with OpenID OpenID

Simon Willison’s Weblog

Notes from my Yahoo! UI Library talk

I gave my talk on the Yahoo! User Interface Library here at XTech on Tuesday. There’s so much great stuff in the library that cramming it all in to 45 minutes proved impossible, so I ended up focusing on the utilities (dom, event, connection, animation and dragdrop) and providing an overview of the controls at the end.

As with my JavaScript tutorial at ETech I made written notes before starting to compile the slides. The notes are incomplete (they abruptly end half way through the dragdrop section—at which point I decided to concentrate on putting the slides together) but should still be useful for people who haven’t looked at the Library in detail:

Preparatory notes for “The Yahoo! User Interface Library”

I’ve also uploaded the slides as a 240 KB PDF.

Posted 18th May 2006 at 1:48 pm

This is Notes from my Yahoo! UI Library talk by Simon Willison, posted on 18th May 2006.

Tagged , , , ,

View blog reactions

Next: Web APIs, not Web Services

Previous: Opera Mini 2.0

9 comments

  1. Nice slides.

    So which Yahoo sites are currently using this library?

    Dean Edwards - 18th May 2006 18:20 - #

  2. The new Yahoo! home page preview in the US and Europe make pretty extensive use of the libraries. Nate Koechley has written about it on the YUI blog and Bill Scott has written about the patterns used.

    Nice write up Simon.

    Edward Eliot - 18th May 2006 23:31 - #

  3. @Edward - Really? I can't see any mention of these libraries in the source code. An HTTP sniffer reveals that no additional JS is downloaded. I think you are mistaken.

    Dean Edwards - 19th May 2006 00:18 - #

  4. I have to retract my last comment. I looked at the home page preview a few days ago and it wasn't using the libraries. I'm encouraged to see Yahoo eating it's own dog food after all.

    Dean Edwards - 19th May 2006 00:30 - #

  5. They're cropping up all over the place now. My Yahoo! uses the dragdrop library, and the new Yahoo! Tech site uses connection and animation. The Yahoo! News front page has an animated box just below the main headlines.

    I don't know if there are any plans to include mentions of Yahoo! sites that use them on the official YUI page but it seems like it would be a good idea.

    Simon Willison - 19th May 2006 05:58 - #

  6. The new Yahoo! Home page uses pretty much of the open-source YUI libraries. http://yuiblog.com/blog/2006/05/15/peeling-back-th e-homepage-beta/

    Gopalarathnam Venkatesan - 19th May 2006 09:18 - #

  7. Dean, Yea. Typically when you have the highest hit up homepage in the world - ya wanna minimize as many http requests as possible. Plus I think they only took what they needed from the utilities to get the filesize down even more. It really is tough to look at the Y! FP as a 'best practices' page since they're doing lots of other stuff to get the page load down. Even css and the like is embedded. Otherwise, Simon, ya beat me to it. I was going to be putting up a "here's how they all work" tutorial but this serves as a really good one.

    Dustin Diaz - 20th May 2006 20:21 - #

  8. Oh yea, and some other core places, we were using the utilities in SmallBiz (before the public launch of YUI) on the Domain Search and Glossary Titles on this page.

    Dustin Diaz - 23rd May 2006 07:41 - #

  9. Excellent slides, Simon. Thanks for posting them and keep up the excellent work. The Y! UI Library is an invaluable tool for web developers these days.

    prla - 24th May 2006 23:36 - #

Comments are closed.

Previously hosted at http://simon.incutio.com/archive/2006/05/18/yahooui

A django site