In the Wild for March 5

By YUI TeamMarch 5th, 2008

It’s been an active several weeks in the YUI world, both here at Yahoo! and in the wild — most prominently, YUI 2.5.0 is out, and we’ve seen a lot of activity around the new components. Here is some of the news that’s caught our eye of late:

  • Dan Wellman’s Learning the Yahoo! User Interface Library coming from Packt Publishing: YUI has been featured in numerous JavaScript books of late, but as far as we know Dan Wellman’s upcoming volume from Packt is the first tome dedicated wholly to YUI. We can’t wait to get our hands on this one, and we’ll certainly share a sample chapter here with you if we can work it out with the publisher. In the meantime, you can preorder the paper version or the e-book from Packt’s website.
  • YUI on Rails: Rails’s support for Prototype and Scriptaculous is well known. But YUI’s been making its way onto Rails apps for a long time, and in January Chetan Patil announced YUIRails, a project that makes it easier to build with YUI on Rails. According to Chetan, "the intent of this library is to provide a thin layer of logic that glues RJS – PrototypeHelper with YUI Connection Manager. In its present form, it provides partial support for RJS Prototypehelper, limited to Element methods and Ajax.Request and Ajax.Updater."
  • More on YUI and Rails: Stuart Grimshaw adds to the YUI-and-Rails discussion with a thoughtful article, "Integrating YUI with Ruby on Rails." He provides a straightforward approach to bringing YUI into a Rails app: "The engineers at Yahoo! … [specifically Adam Moore -EM] recently introduced the YUI Loader component, which lets you load any javascript the page may require, and if that happens to be YUI components, it’ll also load any dependencies they require too. This is also a great way of integrating YUI with rails, without bloating your app, and without creating convoluted bespoke solutions.
  • Aptana Plugin for YUI 2.5.0: Gaurav Verma bumps Aptana support for YUI to the latest version with his YUI 2.5.0 Aptana Plugin. Thanks, Gaurav!
  • Shadowbox — super-slick lightbox based on YUI: Michael J. I. Jackson brings you Shadowbox, a genuinely nice interpretation of the much-travelled lightbox concept. We like this one because it’s based on and works with YUI and because it’s flexible enough to work with any other frontend library you may choose. Slick and well-documented — a class act.
    Shadowbox, by Michael I. L. Jackson
  • In Search of Help at the YUI.Net project: Luke Foust at the popular YUI.Net project is looking for help keeping his .Net/YUI suite up to date; if you’re a YUIer with .Net chops, check out his call for help and, if you can, please lend a hand.
  • Announcing Ojay: Like Dustin Diaz before him, James Coglan found things to love about both YUI and the compact chaining syntax popularized (most prominently) by JQuery. His solution: Ojay. YUI is "a finely crafted library", Jamse says, whose native idioms are too verbose, and he’s offering up Ojay as an open-source sugar layer to provide an alternative syntax option. If you’re interested in trying it out, check out James’s extensive introductory blog post on the project.
  • YUI4JSF marches on: Hazem Ahmed Saleh announced on jroller that YUI4JSF 0.6.1 is almost here. YUI4JSF wraps many of the YUI utilities and widgets and provides some components even beyond the standard YUI catalog (including Accordion Menu, CommandButton, Ajax CommandButton, CommandLink, Menu Button, AutoComplete, Slider, Calendar, Datatable, Column, Menu, MenuBar, SubMenu, Menuitem, Menu Button Item, TreeView, TabView, Tab, SortList, Panel, Dialog, Simple Dialog, Tooltip, Logger).
  • Nick Bouton on The Lab with Leo: Episode 146 of "The Lab with Leo Laporte" features Nick Bouton of OpenRoad Communications in a section entitled "Getting Started with Yahoo User Interface".
    Nick Bouton on The Lab with Leo.
  • Nick Bouton helps you customize the YUI Button Control: More from Nick, who in the past has written about customizing YUI’s TabView, as he posts a new tutorial on customizing Todd Kloots’s YUI Button Control. Writes Nick: "YUI buttons are…quite handy and make for a really nice user experience if used in the right situations. On top of that, it saves you writing it yourself, and the YUI button sits on top of existing HTML button controls pretty transparently." His full tutorial is here.
  • AJAX with Yahoo UI components and DWR: Carlos Sanchez writes on jroller about his experiences integrating YUI components with DWR: "So far I’ve used the autocomplete and treeview components, and I have to say they are quite easy to use and very complete. I had used Script.aculo.us autocomplete before, but YUI autocomplete has a lot of configuraiton options and all of them really well documented, like caching or being able to easily use it as a normal dropdown when the user just clicks on the field without typing anything. Event handling is also pretty easy." More thoughts and YUI/DWR sample code here.
  • Matt Snider’s Image Popout widget: Matt Snider, a prolific frontend engineer and blogger from Mint.com, offers up this simple Image Popout widget. In his words: "There are a lot of great libraries with powerful, full-featured in-page popouts, and if you want the kitchen sink, I suggest you use one like YUI’s Container. However, sometimes you just want something simple, that works out-of-the-box, requiring little code and next to no setup. For those times I have created a Simple Image Popout widget." Matt’s widget is YUI-based, but he’s abstracted it so that it’s easy to run on the library of your choice.
  • Rohit Shah’s TabView Widget for Blogger: If you’re a Blogger user, check out Rohit Shah’s extensive tutorial that will get you up and running with Matt Sweeney’s YUI TabView Control on your blog. Rohit walks you through, step by step, including all of the Blogger-specific code you’ll need.
  • YUI celebrity sighting: Snoop Dogg’s new album is Trippin’ on Ego (due out March 11), and it was certainly a trip (of the best kind) to see YUI in use on http://snoopdogg.com/. Snoop’s web crew has the YUI Core (Yahoo, Dom and Event) along with Element running. (Thanks to VodkaForBreakfast for the tip.)
    YUI running on Snoopdog.com.
  • iPhone-style Ajax scroll animations: Jay at iPhoneMinds.com was not satisfied with the iPhone-style content scrollers he found out there: "Going through someone else’s code is an art, you have to get into the developers mind and discover what he or she was thinking when writing the piece. While scavenging the Internet for an AJAX scroll animation, similar to that of the iPhone, I was so disgusted by the code I saw that I just wrote my own." Check out the fruits of his labor here.
  • EY Insight, powered by YUI: Adam McIntyre on A Modern Fable talks about the launch of EY Insight, a new site from Ernst and Young geared toward students interested in an EY career. What makes it special? In Adam’s words: "It’s one of the first sites I’ve seen that mashes up JavaScript (in this case YUI) and full-screen Flash video. There’s some pretty complicated Flash/JavaScript interaction going on, and I really haven’t seen too much like it. (Thanks SWFObject and Alisdair Mills). This is the biggest YUI app that I’ve launched, and brings a nice, high profile to how much fidelity you can get out of a JavaScript app."
  • "YUI AutoComplete the easy way": Dave Dash at spindrop likes the feature richness of Jenny Han Donnelly’s YUI AutoComplete, but he wanted to make it even easier to use — and he kindly took the time to share the love with everyone on his blog.
  • Advice on using the Selector Utility: Walter Rumsby took some time getting to know Matt Sweeney’s YUI Selector Utility, profiling it against alternative element selection methods, and came away with some nice advice for people getting started with Selector.
  • What to Like about YUI’s Profiler: Ryan Breen takes note of YUI’s new Profiler and ProfilerViewer: "The profiling model differs significantly from Firebug, which runs as a browser extension and can reach deep into browser internals for its metrics. YUI Profiler is running within the JS sandbox, so the user is required to register specific functions for profiling. This limits the profiling from broad spectrum analysis of the whole application to more targeted measurement, but that also serves to limit the performance overhead of the profiling itself."
  • A visual programming environment for JavaScript authors: Lily is described by Bill Orcutt as "a modular framework that allows you to wire together Javascript library components graphically. Currently there are Lily modules that wrap components from the YUI, JQuery & Scriptaculous libraries. There are also modules that provide access to the file system, browser storage, network & graphics. Lily programs can be saved as standalone XULRunner applications or as Firefox addons." You can see an example of YUI usage in Lily in the Flickr/YUI/Lightbox example.
  • YouTube plugin for the YUI Rich Text Editor (RTE) from WeGoAll: Fraternity/sorority website specialist WeGoAll coded up this nice YouTube plugin for Dav Glass’s YUI Rich Text Editor. Not that the studious lads and lasses in the Greek system have time to watch web video…
  • Newspond launches, powered by YUI: Another YUI-powered site that launched recently is news-aggregator Newspond. Developer Ian Reardon wrote in to tell us about the site and to say, "We couldn’t have done it without YUI"…always a great sentiment to hear, especially on a site with such a nice design aesthetic.
    YUI running on Newspond.com.

What are we forgetting? What did we miss? Let us know in the comments.

Tagged as:

10 Comments

  1. LinkedIn.com has been redesigned with YUI!

  2. [...] like my previous entry on Snoop Dog re-designing with the Yahoo User Interface Grid made the official blog! I like [...]

  3. I started using the YUI library 2 weeks ago. On my blog I posted my experiences getting started with JavaScript and YUI. If you have experience in some other programming languages (e.g. Java) this might be a good starting point.

  4. A practical application of the new 2.5.0 Layout Manager with resizeable panels (among other YUI elements).

    Nothing special; just a quick look tool.
    http://www.freemarkertool.com

    Feedback welcome. Many thanks for the new LM.

  5. YUI is a great product, but is very large. I am modifying my Web and now is slow to load especially if the connection is Dial up.

    Simply I am using the menus of YUI.

    CSS is not valid neither.

    The menus do neither function with IE8, but that is problem of Microsoft.

  6. [...] were recently mentioned in the Yahoo! User Interface Blog for our blog post on how to add YouTube videos and Yahoo! Maps to the YUI rich text editor. We hope [...]

  7. I noticed your mention of a YUI.NET project and I wanted to say that I have been developing a similar project (by the same name) for a while now.

    For anyone interested, our project url is here: http://opensource.openbracketllc.com/yuinet/Default.aspx

    Unfortunately, I am too busy to merge our project with the one mentioned, but ours is still in active development so I wanted to drop a note! :)

  8. [...] support for YUI on .Net: We wrote in our last “In the Wild” about Luke Foust looking for help with his popular YUI.Net project. Colin Mathews dropped a comment [...]

  9. W3prodigy = Jay from iPhone minds…. Jay from iPhone minds = Jay…. and I can’t believe something I wrote made it to the YUI blog. ^_^hazzah!

  10. [...] we mentioned in a recent "In the Wild" post, the first book dedicated solely to YUI has hit the shelves: Dan Wellman’s Learning the [...]