YUI In the Wild #2

By Nate KoechleyMay 23rd, 2007

Based on positive feedback to last week’s post (thanks!), I’m going to keep writing these In the Wild columns. There’s tons of great YUI content created by the community but it can be time consuming to find, and so I hope this roundup continues to be useful. (Also new this week is a Features Job Opening sidebar module on this blog. We hope it’s unobtrusive over there, while still getting the word out about a few of our key opportunities.)

  • JavaScript Libraries: The Big Picture was presented at XTech in Paris last week by Simon Willison. Simon is the rare person who has real experience with multiple leading JavaScript libraries. Because of this he’s able to compare and contrast them with insight. He also gives great presentations, and this is no exception: the 52 slides provide an overview of leading libraries, their design choices, and his thoughts on the state of things.

  • Another Tabbed Interface, a new post from Yahoo! London’s Lawrence Carvalho’s personal blog, shares how he built Draggable/Reorderable Tabs and Closable Tabs by extending YUI Tabs and Aspect Oriented Programming (AOP) concepts.

  • Creating a fancy slider in JavaScript using YUI on 20bits.com has some helpful tips for understanding, creating, and extending sliders. In my personal opinion, sliders–in all their varied visual manifestations–can be powerful interface widgets but are too often underused.

  • Using the YUI Menu Control by Dan Wellman is a tutorial covering how to create a basic menu, how to render and display the menu, and how to change the menu’s styling. Thanks Dan!

  • Remote JavaScript includes without the performance penalty is a two-part series by Ryan Grove. Fast is good, so take a look.

  • ETags are not a panacea — Speaking of speed, IMB IBM Senior Technical Staff member Patrick Mueller writes on their developerWorks site about the role and impact of ETags and explores ways to make your sites and apps faster. In addition to the insights about ETags, he takes a look at YUI’s free hosting and has this to say (my emphasis):

    Good stuff! The Expires and Cache-Control headers render this file pretty much immutable, as it should be. When Yahoo! releases the next version of the toolkit, it’ll be hosted at a different url base, and so will be unaffected by the headers of this particular file; they will be different urls. This sort of behaviour is highly optimal for web 2.0-ey apps, which are wont to download a lot of static html, css and javascript files, which, for some particular version of the app, will never change. And thus, by having the files cached on the client in such a way that it never asks the server for them again, the app will come up all the quicker.

  • Beginning AJAX using the YUI Library is the perfect little-step-by-little-step guide to getting started with Ajax and YUI from Estelle Weyl on the CSS, JavaScript and XHTML Explained blog.

  • Planet Yazaar creates and maintains community-supported additions to YUI (Yahoo + Bazaar = Yazaar). One contribution to that site so far is a YUI Unobstrusive Javascript Validation from Jamie Curnow.

  • ASP.NET Web Controls for the Yahoo! User Interface Library by Luke Frost Foust looks to be a very promising effort. He writes:

    In order to make these controls work well in an ASP.NET environment, it is a useful exercise to create custom web controls which can make it easy to drop these controls onto any ASP.NET page. Currently, the following YUI controls are supported: Button, Calendar, Panel, Tooltip, Logger, Menu, and TabView.

  • When we put together this year’s internal front-end engineering summit at Yahoo! back in March — an annual event bringing together hundreds of our front-end specialists from across the globe — we invited Brad Neuberg to give the keynote. His speech was titled “Inventing the Future” and he blogged about the experience this week.

  • BarCamp in Charlottesville on June 15/16 lists YUI prominently on their agenda, so if you’re in the Virgina area you might want to check it out.

  • Molu – The Search Spider is a new search engine (in beta) that uses YUI extensively.

  • Scott Jungling, Web Apps developer at California State University at Chico, has been upgrading their templates with a nice dose of YUI CSS Grids (and Reset and Fonts).

  • Detailed steps to read data from a MySQL database and display it in a jMaki-wrapped Yahoo DataTable widget from Arun Gupta’s Blog.

OK, that’s it for now. If you have links for me to cover in the next installment (or feedback on the format) please add them to the comments, send them to me directly (natek at yahoo dash inc dot com) or tag them yui.blog on del.icio.us.

(Update: Note that I corrected two errors above: it’s Luke Foust not Frost, and Patrick Mueller works at IBM not IMB.)

9 Comments

  1. Have you seen anyone discussing the merits of YUI vs MS Ajax? I’m currently engaged in a discussion with a client and I’d love to point to someone who weighed both and came out with a result pointing towards a better solution..

  2. Hey Paul,

    Thanks for the question. I’ll keep my eye out for things along that line. If you find any, please do send ‘em along.

    Thanks,
    Nate

  3. Hi,

    Also worth mentionning, vBulletin began to migrate to the YUI, starting from its 3.6.6 release.

    Benjy.

  4. Nate, thanks for the link. BTW, I work at International Business Machines (IBM) and not IndyMac Bancorp (IMB). :-)

  5. Patrick, so sorry about that. Thanks for pointing it out. I’ve corrected the post and added a note pointing it out.

    Thanks,
    Nate

  6. [...] YUI In the Wild #2 (tags: M asp.net yui programming javascript yahoo) [...]

  7. Hey, I’m on the blogosphere!

    Thanks for the link. In honor of the mention (and because my YUI slider thingy is pretty old) I wrote up a quick implementation of the slider transition.

    Cheers!

  8. off topic, new topic. I’d really like some comment on this from yahoo folks. To what extent are you guys considering using flex/flash more for RIA work? I am finding it significantly easier to build cross browser solutions with this technology, but my biggest concern is I don’t see yahoo and google using more of this. Am I missing something?

  9. I’d love to be mentioned in the next YUI In the Wild.

    http://domdig.com is a site I’m working on that’s using YUI and Prototype. It’s my first YUI project and I love the library. If you or anyone has suggestions / feedback for my site I’d love to hear it.

    About the site: It’s looking to make the world of domain research easier by integration of easy to use real time tools that will expand over time.

    Thanks!
    – Anthony