Cheat Sheets for the YUI Utilities

By YUI TeamJune 2nd, 2006

Cheat Sheets are provided for each of the YUI Utilities.Comprehensive documentation for the YUI Library is found online at the YUI section of the Yahoo! Developer Connection website.

To supplement this online documentation, the YUI development team has begun drafting some cheat sheets — inspired by the handy references published by addedbytes.com (nee ilovejackdaniels), among others — that give you a one-page dashboard of documentation for each of the library’s components. When you find yourself elbow-deep in a coding problem, sometimes it’s quicker to turn to these rather than firing up a browser to review documentation and examples. Moreover, reviewing the cheat sheets can help you discover hidden gems you didn’t know were there. If you’re wondering, for example, what the syntax is for batching a function on an element collection, the Dom Collection’s cheat sheet might be enough to get you started:

One-page reference for the Dom Collection

These one-page references aren’t comprehensive, but we think you’ll find them valuable to have on hand. Today, draft references for each of the YUI Utility components (Event Utility, Dom Collection, Connection Manager, Drag and Drop, and Animation) are available:

Update 2006/08/03: I’ve updated the links here to point to the download area on the Yahoo Developer Network rather than at the YUI v.0.10 cheat sheet zip file. Since this post was made, YUI has incremented to 0.11 and a bunch of new cheat sheets have been added. The latest zip file should always be available from this location on YDN. -EM

17 Comments

  1. [...] Cheat Sheets for the YUI Utilities » Yahoo! User Interface BlogTags: 2do, cheatsheets [...]

  2. Spickzettel für Yahoo UI Library Komponenten…

    Letzte Nacht hat Yahoo! für ihre User Interface Library (YUI) Utitilty Komponenten Cheat Sheets (Spickzettel) veröffentlicht. Dazu gehören die Komponenten Animation, Connection, DOM, Drag and Drop sowie Event.

    Die Cheat Sheets enthalten…

  3. Nice work, you beat me to the punch, that helps, print and save :)

    I just printed them out in black and white, the gray text is bit hard to read, all but that is good to real

    next version try not to use gray text on blue background, yah i know its about time i get a color printers hehe

    thanks a munch, keep up a good work all

  4. Excellent idea. I’m already using Grids in all my new projects and this will make using the other YUI offerings that much easier.

  5. how can i become a member in yuiblog

  6. Ezekiel — No membership is required…everything here is public.

  7. New Yahoo Homepage…

    Yahoo! launched its new homepage one month ago.The following links are some interesting news and useful information:Read/WriteWeb:…

  8. [...] Cheat Sheets for the YUI Utilities To supplement the online documentation, the YUI development team has begun drafting some cheat sheets for YUI Utilities Categories: News [...]

  9. Beautiful. Exactly what I want for all the APIs I use but never have :)

  10. [...] Cheat Sheets for the YUI Utilities – Yahoo! User Interface Blog [...]

  11. Cool! Btw, must I only code applications using the API for Yahoo! or can I use them with my personal projects be it commercial or non-commercial.

    Any licensing issue?

  12. @daniel: The Yahoo! User Interface Library is free for all developers to implement and deploy on any type of project (commercial or otherwise) thanks to a wide-open BSD license: http://developer.yahoo.com/yui/license.txt

    Thanks
    Nate

  13. On Open Source Citizenship…

    With a title like “Why Google and Yahoo! can’t be better open source citizens” one might think that our companies were squeezing as much as possible out of the open source world and giving little back. But after reading Matt Assay’s post a few time…

  14. [...] and I totally forgot, but yesterday I nerded out and got my YUI cheatsheets laminated. I’ve been working on a rather intense application of the DataTable library at work [...]

  15. [...] Cheat Sheets for the YUI Utilities Jun 04, 06 The YUI development team has begun drafting some cheat sheets — inspired by the handy references published by ilovejackdaniels, among others — that give you a one-page dashboard of documentation for each of the library’s components. [...]

  16. If you have time, feel free to change the link from ilovejackdaniels.com to addedbytes.com. JD has finally took a stab at the domain.

    Thanks.

  17. Awesome … I’m pottering around the web trying to get links changed to the new domain, and by the time I get to this site, it’s already been done!

    Thanks Yura for mentioning the change, and thanks Eric for updating the link. You’re both awesome :)