Yahoo! User Interface Blog (YUIBlog)

In the Wild for January 10, 2010

News and notes from the YUI community over the past month…let us know in the comments or at @yuilibrary if we missed something important:

• Sacramento Bee Using YUI DataTable and AutoComplete for Legislator Voting Record Explorer: Kamal Gill noted a great use of YUI DataTable and AutoComplete on the Sacramento Bee website, where they’ve used YUI to expose the voting records of your local legislators.  Here’s the recent voting record for Abel Maldonado. (Original source.)
  
• YUI Magnifier Component for YUI 2 by Dustin McQuay of Backcountry.com: Dustin McQuay at Backcountry.com has released a YUI Magnifier component on GitHub; check out the video below for a preview of the module’s behavior and head to GitHub to download or fork Dustin’s code.
  
  (Original source.)
• @ericf’s Simple TabView for YUI 3: Eric Ferraiuolo, who gave a fantastic talk at October’s YUICONF 2009, is back with a demonstration of how easy it is to create a TabView widget using YUI 3.
  
• Jamie Hall: Add Voting Functionality to Your Site with YUI: Jamie Hall has written up a helpful tutorial on how to add StackOverflow-style voting functionality to your site using YUI 2 core components (Yahoo, Dom, Event, Connection, and JSON).  Check out his post for full sample code, including a nice visual treatment for the control.
  
• KQED Daily Schedule Using YUI 2 Calendar: Erik Eldridge notes that KQED’s daily schedule page uses YUI 2 Calendar for graphical navigation.  Much of the site uses a foundational set of YUI utilities. (Original source.)
  
• Matt Snider, “Augmenting YUI 3 Module Objects”: Writes Matt: “To start, think about your application. Ask yourself, if you include a common set of YUI 3 modules on every page, or if each page uses a disparate set. If you include the same modules files on every page, then you can consolidate your augmentation into a single file (yui3-ext.js), otherwise, you may want to have a file for the augmentation of each module (yui3-node.ext.js, yui3-widget-ext.js, etc.). When you want to apply your augmented objects, the location of the code needs to be defined in YUI() function.”  Click here for the full article.
  
• SitePoint: “Build an Ajax Tree with YUI”: Darrin Koltow has a detailed YUI TreeView tutorial up on SitePoint: “In this article we’ll look at two separate pieces of the YUI puzzle, and how they can be combined to create a cool piece of functionality. Specifically, we’ll be working with the YUI TreeView component, which is a way of presenting a dynamic hierarchical tree in the browser. But we’ll also be looking into YUI’s Ajax helpers, as we’ll be fleshing out the limbs of the tree dynamically with Ajax calls.”  Check out the full article here.
  
• YUI TreeView Plugin for Rails Released: Writes Andrew Hodgkinson: “The first version of YUI Tree, a Ruby On Rails plugin providing easy access to the Yahoo User Interface Library TreeView component, has been released.  The plugin was previously only available as part of the TrackRecord timesheet application. It is now provided in its proper, stand-alone plugin form to make it easy to use in other Rails projects.”
• YUI Used on Cyclist Chris Horner’s New Website: Chris Horner, one of America’s top cyclists, has launched a new website with YUI under the hood…or, rather, in the pedals.  Chris is racing with Lance Armstrong’s new Team RadioShack this year.
  

Find conversations: bloglines | technorati

Share and extend: Bookmark with del.icio.us | digg it! | reddit!