Yahoo! User Interface Blog (YUIBlog)

In the Wild for August 10, 2009

News and notes from the YUI community over the past few weeks; let us know what we missed in the comments section.

• YUI on Gatorade.com: Reader LNR wrote in to tell us about the Gatorade.com Player of the Year site, which is making extensive use of YUI.  “It uses the drag/drop library for custom scrollbars, the Container library for lightbox-style overlays, the Event library to fire several events on window resize, the Element library, and of course the Dom library.” (Original source.)
  
• Adding a Library Class to YUI 3: YUI contributor Matt Snider blogs about adding new modules to YUI 3.  ”The upcoming release of YUI 3 is going to change the way we develop using the YUI framework. Instead of namespacing the library behind the YAHOO object, as was done in YUI 2, in YUI 3 the library will be referenced in isolated functional contexts by calling YUI().use. Thus developers need to modify their code to wrap everything that uses the YUI library with a YUI().use call.”  His post goes through the add and use methods and how to use a module that you’ve added to YUI 3.
  
• Sam Stephenson’s Ruby-YUI Compressor Project Up on GitHub: Sam Stephenson of 37Signals has a Ruby interface to YUI Compressor up on GitHub. Ruby-YUI Compressor is distributed as a Ruby Gem and can be installed via the Rip package manager.
  
• Arun Gupta’s YUI Charts Application Charts Your Running Miles: Arun Gupta has published a blog entry on his blog at Sun.com, “Track your running miles using JRuby, Ruby-on-Rails, GlassFish, NetBeans, MySQL, and YUI Charts.” He has a screencast up on how to use the app.
  
  (Original source.)
  
• YUI on Opinion-sharing Site SodaHead.com: SodaHead is an idea-and-opinion sharing site that makes heavy use of YUI (11 separate components in use).  SodaHead provides “a community that offers a free and dynamic environment to share and gather opinions and meet friends – a place to ask questions, express ideas, and connect with like and not-so-like friends… SodaHeads, as we call them.” (Original source.)
  
• YUI Slideshow Using YUI 3 from Josh Lizarraga at FreshCutSD: The YUI Slideshow module by Josh Lizarraga from FreshCutSD in San Diego is a slick-looking player with a nice feature set; it’s based on the jQuery Cycle project.  There are several demos available, and you can download the code from Josh’s blog post.
  
• Menu-button with Icon Example from Dav Glass: Dav has added to his extensive example repository a new demo showing how to add icons to your Menu Buttons in YUI.
• YUI on WAMU.org: WAMU (American University Radio) has a nice Google Maps mashup using YUI Buttons.
  
• YUI Carousel Value-adds from ErisDS: Blogger ErisDS has posted two parts of what will be a three-part series on implementing custom navigation with the YUI Carousel Control.  Check out both Part One and Part Two.
  
• Narayanan A.R., “JSON Interactions Between Server-Side Java and Client-Side YUI”: Writes Narayanan on DevX.com: “Because it facilitates communication via an interoperable format, JavaScript Object Notation (JSON), the Yahoo! User Interface library (YUI) allows you to implement the server side in any technology. The server will render JSON text for a given request, and YUI parses the JSON response to create JavaScript variables for use in UI widgets.”  Check out the full article here.
• Quick YUI Animation Tutorial from CSSTemplatesWeb: The folks at CSSTemplatesWeb have posted a brief introduction to the YUI Animation Utility, including a set of examples.
  
• Asvin Ballou’s Pixidou — Image Editor Made with YUI and PHP: We missed this one awhile back when it came out, but it’s interesting and worth a look.  Asvin Balloo has created Pixidou, the foundations for a web-based image editing interface using PHP and YUI.  There’s a demo, and the code can be found on Asvin’s GitHub account.
  
• Jim Driscoll, “Using the YUI Calendar Widget with JSF 2″: Writes Jim: “If you’re not developing JSF with third party component libraries, you’re really missing out on the best part of JSF. But there’s lots of Ajax widgets out there, which contain all kinds of useful functionality. Wouldn’t it be useful to use those within your JSF pages? The Yahoo UI library is pretty nifty stuff, and the Calendar widget is useful, pretty, and powerful. Let’s wire it into a JSF page, and bind the return of that widget to the property of a bean. How hard could it be? 71 lines, of which about 45 or so are non-boilerplate.”  Check out all 71 lines on his blog.

Find conversations: bloglines | technorati

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