What’s New in the YUI 3.2.0 Preview Release?

Tweet

The Yahoo User Interface (YUI) dev team recently announced a developer preview of the upcoming 3.2.0 version of the YUI JavaScript and CSS library. While many developers (including myself) more often reach for jQuery when doing JavaScript development, YUI remains an interesting alternative; these new features in the 3.2.0 preview might make it worth checking out. It’s an extensive update with a slew of new offerings, so I’ll only cover the most salient ones here. For a complete breakdown, check out the blog announcement and the full changelog.

First up, YUI 3.20 adds native support for touch events, so you can flick around your pages to your heart’s content. The jQTouch jQuery plugin has been providing similar functionality to jQuery developers, so it’s good to see YUI rising to the competition.

Next, YUI adds support for animations using CSS3 transitions. This means simple animations in modern browsers will be able to take advantage of hardware acceleration when it’s available, while loading less JavaScript code. Of course, all the browser differences are ironed out, so all you need to do is plug in the values of the animation you want.

Another next-gen technology implemented in 3.2.0 is offline storage: YUI’s caching utility has been updated to allow for data to persist between browser sessions when this is supported.

Less of a whiz-bang feature but still of interest, the YUI loader has been updated to improve caching, and to add the ability to load code based on the browser’s capabilities. This means that the team has been able to separate IE-only code from modern browser code in the whole library. The loader can then determine which bits of code are required depending on the user’s browser. As a result, visitors with modern browsers will find themselves loading less JavaScript, even without any changes to your application.

Finally, there are a few new widgets. One of particular interest is the ScrollView widget, which simulates scroll lists on Apple iOS devices, with a little bit of bounce at the top and bottom of the list.

A lot of these features seem to have a common thread: HTML5 and mobile platforms. I’m sure that’s no accident, and it’s great to see more and better developer tools entering this space. As I said, there’s a lot more than just these features, so if you’re a YUI fan—or if you’ve yet to check it out—head on over and grab yourself a copy of the preview to play around with.

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • ahallicks

    Finally, the uploader has come to YUI3! Just the graphing abilities of 2 to go and I’ll be happy! Some good changes by the looks of things.

  • Oscar

    I use jQuery for all my works from the days where MooTools was the number one, I convinced jQuery is the best JS framework and you know, I’m nor the only one who think the same. YUI has a great team but I think they need change its niche, its focus. CSS is still needing a good framework (all CSS frameworks I used are not enough) maybe there is yours….

    (sorry about my english, ¡saludos!)

    • Anonymous

      YUI and jQuery are a little bit different things. jQuery is really good for some basic elements and DOM handling, while YUI is much better for creating very complicated web apps, it has many awesome widgets.