In the Wild for May 12, 2010

By YUI TeamMay 12, 2010

Recent news and notes from the YUI community follow — let us know @yuilibrary if we missed an article or implementation.

  • Mich Cook's YUI/YQL-based Module for Searching a Set of Docs:
    Yahoo! engineer Mich Cook developed a piece of YUI- and YQL-based code for the Yahoo! Developer Network website that he's shared on their blog.  Writes Mich: "This block of code creates the YDN Rack module that supports searching within a set of docs. Previously, the only search functionality would scour the entire site for the terms entered. This module aims to provide contextual search within documentation so a user can more easily find something related to the docs currently being presented. We use a bunch of y! technology to do the heavy lifting and that's awesome that we just have to manufacture the glue."
  • Geocoding/Wikipedia/YQL Tutorial from @codepo8 with YUI3 & Grids CSS: Christian Heilmann's tutorial on the Yahoo! Developer Network blog ties together Wikipedia, YQL, and YUI 3.
  • Noah Masterson (@noahvail) on the Virtues of YUI: Noah's note about YUI: "The YUI library is an extensive collection of JavaScript and CSS tools. Basically, YUI provides everything a front-end web developer/designer needs, short of HTML and content.  Because Yahoo! uses YUI for its own applications, the code has already been tested at one of the most visited sites on the web, it has to work in all major browsers, and it's likely to be supported and updated for a long time to come.There's no other library that provides a combined JavaScript and CSS solution of YUI's caliber, but even separately, I'd probably use its tools in my web projects. YUI's CSS framework is the best I've tried (Blueprint is pretty nice, too). As for JavaScript libraries, picking one is often a matter of preference. For example, plenty of people love jQuery, which has a great community that creates plugins to extend the library. I prefer YUI, because it has so much included functionality and it mixes in seamlessly with the other JavaScript I write.  Finally, the genius of YUI isn't just the library itself. Yahoo! has stocked the developers' area of their site with excellent videos, examples, and documentation, making it easy to get started with the library -- and providing a path to becoming an expert." Thanks for the kind words, Noah.
  • YUI 2 and 3 on StockTickr: StockTickr is a comprehensive investment tracking site built using both YUI 2 and YUI 3 elements.  Prominent touches include the navigation menus and DataTables. (Original source.)
  • YUI 2 on, a Site That Helps Parents Teach Kids About Finance: Bill Dwight wrote in to tell us about his YUI 2-powered project Famzoo, which "is a 'Virtual Family Bank' that parents set up to teach their children (ages 5-18) about personal finance. The parents own the bank, hold the real money, and set the ground rules. The children learn by doing, not by lecture."  Bill has a video introduction to the site as well as an online slide deck. (Original source.)
  • Moodle Updated to YUI 3.1.0, with Easy Support for 2.8.0: Users of the fantastic open-source education platform Moodle now have built-in access to YUI 3.1.0.  The developers have retained backward-looking support for YUI 2.8.0 as well.  Now, using YUI from within Moodle is this easy:
    M.mod_foobar.init = function(Y) {'#mycustomholder').set('innerHTML', 'Hello world');
  • "Cross-Browser Client-Side Storage for the Web" (re: YUI 2 Storage): Addy Osmani wrote up his thoughts on YUI 2 SwfStore, an underlying component that is used by the more comprehensive YUI 2 Storage Utility.  Writes Addy: "Hi guys. Today I’m going to show you how to do persistent Client-side storage that’ll work in any Web Browser without needing to use Cookies, Browser-Specific hacks or HTML5 – in other words, we’re going to store as much custom information as a site needs on a user’s system without needing to worry about compatibility issues. The reason we’re interested in doing this is because it has a huge potential to free up database resources if we don’t need to be saving information there – instead it can be readily loaded from our users computer through client-side storage. Even if you need to save data, you can always store it on your user’s system and log it to the server it at a later date in the week."
  • Matt Parker's (@lamplightdb) YUI 2-based Diary Widget: Matt Parker of Lamplight Database Systems in the UK, who has authored some excellent Gallery components, posted a link to his work-in-progress Diary Widget for YUI 2.  Diary provides a scheduling interface with weekly views, filtering, drag and drop, and resize support.  Feedback is welcome.
  • Objektorientiertes JavaScript Mit YUI 3: Mathias Schäfer of wrote an extensive tutorial on how to do Object inheritance using YUI 3. The German-language article shows the different ways you can use OOP in YUI 3 and even explains what's going on behind the scenes. (Via Dirk Ginader.)