YUI 2.5.0 Released — Big upgrades to DataTable, new Layout Manager, Flickr-style multi-file Uploader, and more

February 20, 2008 at 10:44 am by Eric Miraglia | In Development |

The YUI Team just released version 2.5.0 of the library. We’ve added six new components â€” Layout Manager, Uploader (multi-file upload engine combining Flash and JavaScript), Resize Utility, ImageCropper, Cookie Utility and a ProfilerViewer Control that works in tandem with the YUI Profiler. This release also contains major improvements to the DataTable Control and new Dual-Thumb Slider functionality in the Slider Control. Here are the highlights:

DataTable Control: Jenny Han Donnelly has been joined by Luke Smith for this development cycle, and we’re all thrilled with what they’ve produced. DataTable in 2.5.0 gets a more robust markup structure that allows greater control over all aspects of the table. This release also includes major performance enhancements, improvements to the fixed-header implementation for vertical scrolling, built-in support for horizontal scrollling, an all-new Paginator class, support for drag-and-drop column reordering, and a new set of column APIs with hooks for showing, hiding, adding and removing columns.

The DataTable and its new show/hide column interface.

DataTable has been one of YUI’s most popular and important components since its debut, and this is its strongest release yet. If you have existing DataTable implementations that you want to upgrade, take a look at the new User’s Guide, as it has some detailed notes about API changes. The DataTable examples roster is another nice place to check out the new code in action.

Layout Manager: Dav Glass has a lot for you to enjoy in 2.5.0, but top billing goes to his new Layout Manager. Layout Manager eases development of multipane UIs that take up either the full viewport or the full canvas of any block-level element. Layout Units within a layout are resizeable, collapsible, removable and swappable; transitions between expanded and collapsed states have built-in animation support. Whether you’re creating a full-screen application like Yahoo! Mail or a rich multi-pane pop-up, Layout Manager is a great place to start. Uploader: If you’ve ever built a UI for uploading files via a browser, you know what the big pain points are: One file at a time, no easy way to track upload progress, no programmatic access to file metadata, etc. The new YUI Uploader addresses these issues and others, allowing for the creation of more powerful, intuitive, and responsive file upload experiences. Allen Rabinovich of the ASTRA Library team did the legwork on this one, and it’s the same code that underlies the Flickr Uploader. Uploader is our second JavaScript/Flash hybrid control (following on the heels of the Charts Control in 2.4.0).
The YUI Uploader is the same code that drives Flickr's multi-file photo uploading interface.

The YUI Uploader is the same code that drives Flickr's multi-file photo uploading interface.

Resize Utility: Layout Manager is built upon a new YUI utility, Resize. Dav’s Resize Utility formalizes the support that YUI Drag & Drop has long provided in example form and makes it easier for you to make any block-level element resizeable. Resizing can be implemented directly (the resized element resizes in real time during the interaction) or by proxy (a proxy element visualizes the interaction until its conclusion, at which time the resized element snaps to its new size).

ImageCropper Control: The Resize Utility makes a lot of things easier â€” and one of those is the implementation of an ImageCropper interface, which Dav built out on top of Resize for 2.5.0. Take a look at the examples and be sure to check out the support Dav provided for modifier keys in this very desktop-like UI control. Cookie Utility: When he’s not busy writing books or working on My Yahoo!, Nicholas C. Zakas is cranking out new code for YUI. In 2.5.0, he contributes the Cookie Utility, a simple but powerful component that helps you get maximum mileage out of your limited cookie space. Because browsers limit the number of cookies you can set per domain (and because that limitation can sneak up on you if you manage a large site with many subdomains), the Cookie Utility supports "sub-cookies." Sub-cookies pack multiple name-value pairs under the umbrella of a single cookie, expanding the number of data points that you can store in cookie space. ProfilerViewer Control: 2.4.0 saw the release of Nicholas’s Profiler, a headless, cross-browser kit for profiling JavaScript functions. To make it easier to access and interpret the data that Profiler collects, we’ve added a ProfilerViewer Control in 2.5.0 that sits on top of Profiler and visulizes its accrued data. ProfilerViewer leverages the Charts Control and the DataTable Control. Taken together, Profiler and ProfilerViewer provide another arrow in the development quiver that includes tools like Firebug’s integrated profiling interface.

The YUI Slider Control now has dual-thumb support.

Slider Control with Dual Thumb Support: Supporting dual-thumb interactions in our Slider Control has been on our list for awhile, and Luke took the opportunity to get this out to you in 2.5.0. Sliders are “finite range controls”; dual-thumb sliders allow you specify a sub-range within the control’s larger range. The classic use case for dual-thumb sliders is on shopping sites, where such controls can allow users to filter results based on price range. Check out the User’s Guide, example, and the new Slider Cheatsheet (which has a second page dedicated to dual-thumb implementations). We’re using this release to promote the following components from beta to GA status: ColorPicker Control, Get Utility (for cross-domain, dynamic loading of script and CSS files), JSON Utility, ImageLoader Utility, and YUI Test Utility. These promotions reflect the maturity of those components and their very low bug traffic. As always, we’re releasing all new-for-2.5.0 components under the beta moniker, and we’re looking forward to your feedback on those once you get a chance to try them out. Full details on the release, including a rollup of the changelog for all components and a bug/feature manifest, are available in Georgiann Puckett’s update to the YUI developer forum this morning.

One More Thing…

YUI now ships with more than 270 examples, many of which are accompanied by full tutorials to help you get started using YUI. And while individual examples are good, we’ve gotten a number of requests to create an Ã¼ber example, one that pulls in and makes use of a wide range of YUI components in a single sample application — while still being YUI-centric and not littered with noisy implementation logic.

The incomparably prolific Dav Glass rose to the challenge for 2.5.0 with a complex, multi-component example that uses Layout Manager as its basis and Yahoo Mail as its inspiration.

Let’s Celebrate!

We’re excited to get 2.5.0 out the door and, as luck would have it, we’ve got a fantastic excuse to celebrate. YUI’s (and the Yahoo Pattern Library’s) second anniversary party is coming up next week (February 26, 5 p.m., Sunnyvale), and we’d love to have you join us. Sign up on Upcoming to let us know you’ll be stopping by at Yahoo! HQ for some beer and general revelry. We look forward to showing off some of the stuff you all have been doing with YUI in the past two years and we’ll talk a bit about where Patterns and YUI are headed from here.

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

68 Comments »

RSS feed for comments on this post. TrackBack URI

[…] cool developers at Yahoo! just released version 2.5.0 of the Yahoo User Interface. They’ve added six new […]

Pingback by joedag32 » YUI 2.5.0 Released — February 20, 2008 #

What happened to the YUI Carousel Control? It was the 1st thing mentioned in the Release Pre-announcement: YUI 2.5.0
http://tech.groups.yahoo.com/group/ydn-javascript/message/23851

Comment by Jay — February 20, 2008 #

[…] Keep Up First off, congratulations to Eric Miraglia and the YUI team - they have just announced the release of YUI 2.5.0: The YUI Team just released version 2.5.0 of the library. Weâ€™ve added six new components â€” […]

Pingback by YUI: I Officially Can’t Keep Up « Spontaneous Publicity — February 20, 2008 #

Congrats guys. Looks like some great stuff here. Great to see the innovation continue.

Keep it up!

Comment by Ed — February 20, 2008 #

Nice work everyone - I noticed you upgraded the GBS chart as well. Good stuff all around.

Comment by James Adams — February 20, 2008 #

@Jay — You’re right; Carousel was on target when we made the pre-release announcement, but development on that project did not make the deadlines for this release. We’re still working on it, and we’ll make it available as soon as it’s ready. Sorry for the delay. -Eric

Comment by Eric Miraglia — February 20, 2008 #

[…] “YUI 2.5.0 Released - Big upgrades to DataTable, new Layout Manager, Flickr-style multi-file Uploader, and more” Spread the word! […]

Pingback by Bram.us » YUI 2.5.0 Released — February 20, 2008 #

[…] 2.5 of the Yahoo User Interface Library (YUI) was released today. You can get all the details on the official blog post, but here’s the “change […]

Pingback by Ajaxian » YUI 2.5 released - Layout Manager, File Uploader and graphical JavaScript Profiler - and that is just the start — February 20, 2008 #

Great job. Thanks for the excellent library. Keep it going!

Comment by Erol KabadayÄ± — February 20, 2008 #

[…] info on http://yuiblog.com/blog/2008/02/20/yui-250-released/ and more tests here in the next days ! Congratulations to the Yui […]

Pingback by Make me pulse » Blog Archive » YUI 2.5.0 Released ! Yahoo Rocks — February 20, 2008 #

[…] and profiler (as well as many others). You can read more information about the release on the YUI Developer blog and then download it from the YUI web page . It is also worth mentioning that the library now has […]

Pingback by YUI 2.5 Released | foojam.com — February 20, 2008 #

Another great release, I’ve been looking forward to this one for a while. Glad to see the Rich Text Editor has continued to improve (https on IE7), I can’t wait for table support.

Brilliant work!

Andy.

Comment by Andrew Kelly — February 20, 2008 #

@Andy — Thanks for the kind words! -Eric

Comment by Eric Miraglia — February 20, 2008 #

We’ll be there, and yes, I’ll give Lindsey a ride ;)

Comment by Dustin Diaz — February 20, 2008 #

[…] 2.5 of the Yahoo User Interface Library (YUI) was released today. You can get all the details on the official blog post, but here’s the “change […]

Pingback by Javascript News » Blog Archive » YUI 2.5 released - Layout Manager, File Uploader and graphical JavaScript Profiler - and that is just the start — February 20, 2008 #

[…] å®˜æ–¹æŠ¥é“ï¼šhttp://yuiblog.com/blog/2008/02/20/yui-250-released/ […]

Pingback by YUI Blog China » Blog Archive » YUI2.5.0å‘å¸ƒ — February 20, 2008 #

I was looking for it.
Thanks Yahoo Team

Comment by awahid — February 20, 2008 #

Great work guys! I love the image cropper, can’t wait to try it out. There’s a nice Comic-Life-esque look to it.

Comment by Neil — February 20, 2008 #

Simply put:

Best Client-Side Web-Development Library Ever.

Keep going, guys, great job!

Comment by Andrew Reynard — February 21, 2008 #

[…] YUI 2.5.0 Released! […]

Pingback by superlum.com » Blog Archive » YUI 2.5.0 Released — February 21, 2008 #

Layout manager? Layout manager! That’s it, you’ve got me. I’m gonna use YUI in my project.

Great work!

Comment by Mike — February 21, 2008 #

Congrats on the great work. The layout manager looks really good along with the image cropper.

Comment by Shaun Trennery — February 21, 2008 #

[…] YUI 2.5.0 Released â€” Big upgrades to DataTable, new Layout Manager, Flickr-style multi-file Upload… (tags: javascript yui lazycoder) […]

Pingback by links for 2008-02-21 | Lazycoder — February 21, 2008 #

[…] released version 2.5.0 of the Yahoo User Interface Library this morning. As we are used of Yahoo, there are a lot of updates on exsisting components, but this […]

Pingback by Yahoo User Interface Library 2.5.0 for download now YUI 2.5.0 | lutsr — February 21, 2008 #

[…] released version 2.5.0 of the Yahoo User Interface Library this morning. As we are used of Yahoo, there are a lot of updates on exsisting components, but this […]

Pingback by lutsr » Blog Archive » New release of YUI library (2.5.0) contains six new components — February 21, 2008 #

[…] erschienen. Die verschiedenen Komponenten werden im Detail auf dem YUI Blog Artikel “YUI 2.5.0 Released..” […]

Pingback by webthreads.de - Web 2.0, Ajax, Web Entwicklung, Java » Die Yahoo User Interface Library entwickelt sich weiter — February 21, 2008 #

Very Cool Features ;-)

Comment by blendo — February 21, 2008 #

[…] lire le communiquÃ© officiel, je vous invite Ã consulter le blog YUI. Pour tÃ©lÃ©charger, c’est par ici. A noter que la librairie est livrÃ©e avec 270 exemples […]

Pingback by NooDev ‘n’ Tek » Blog Archive » Yahoo! User Interface Library 2.5 (YUI) — February 21, 2008 #

Pingback by YUI 2.5.0 | ÐÑÐºÑÐ›Ð°Ð¹Ð½.Ñ€Ñƒ — February 21, 2008 #

[…] Source : Yahoo! YUI Developement Blog […]

Pingback by Charel BÃ¼chler » The new Yahoo! YUI Libary is released — February 21, 2008 #

Congratulations on the new release!

Comment by Ara Pehlivanian — February 21, 2008 #

[…] YUI 2.5.0 Released â€” Big upgrades to DataTable, new Layout Manager, Flickr-style multi-file Upload… (tags: layout css javascript) Tags: Found Objects […]

Pingback by links for 2008-02-21, or so says Harry Love — February 21, 2008 #

So glad I caught this post as I was just about to upgrade my current datatable from YUI 2.2.2 to YUI 2.4.1.

The other components will definitely come in handy in our projects, thanks to all of the YUI team for this

Comment by Carlton Dickson — February 21, 2008 #

Does the cookie utility support setting the HttpOnly flag? As I understand it, http-only cookies can still be written from client-side javascript even though it can’t read them.

Comment by Andy Stevens — February 21, 2008 #

This is sooo cool. I wish I could send you guys chocolates :)

Comment by Bhaarat — February 21, 2008 #

[…] 2.5 of the Yahoo User Interface Library (YUI) was released today. You can get all the details on the official blog post, but here’s the “change […]

Pingback by luckywebsoft.com :: The Online Newspaper for Linux and openSource :: » Blog Archive » Version 2.5 of the Yahoo User Interface Library — February 21, 2008 #

[…] YUI 2.5.0 Released - What will happen to these guy when MS takes over? They do really good JS & performance work at Yahoo! […]

Pingback by Daily Find #33 | TechToolBlog — February 21, 2008 #

[…] librerÃas abiertas de Yahoo! User Interface han sido mejoradas, sobretodo algunos de sus […]

Pingback by Yahoo! User Interface 2.5.0 — February 21, 2008 #

[…] Neu sind ferner ein Cookie-Werkzeug und Schieberegler. AuÃŸerdem haben die Entwickler einige Komponenten im Betastatus fÃ¼r stabil erklÃ¤rt. Details finden sich im YUI-Blog. […]

Pingback by SchÃ¶nere Web-OberflÃ¤chen mit YUI 2.5 at owrede_log @ FB4 — February 21, 2008 #

[…] Yahoo! libero la ultima version de su libreria YUI(Yahoo User Interface Library). Esta nueva version viene con bastantes nuevas mejoras, como un […]

Pingback by iGeek » YUI 2.5 — February 21, 2008 #

[…] one of the esteemed cornerstones of the YUI community, has been busy since yesterday’s YUI 2.5.0 release — his independent examples collection for the DataTable Control is already up-to-date with […]

Pingback by Satyam’s DataTable Examples Updated for 2.5.0 » Yahoo! User Interface Blog — February 21, 2008 #

Only thing i still wish for is YUI to provide a widget so that we can implement ‘tagging’ images like facebook provides. That would be phenomenal.

Comment by Alex — February 21, 2008 #

@Andy - The Cookie utility does not support HttpOnly cookies. I’m not sure it’s a common enough use case (setting HttpOnly cookies from JavaScript). That being said, the Cookie utility is in beta to get feedback such as this. My biggest concern is that not all browsers support HttpOnly cookies and there’s no good fallback mechanism for those that don’t.

Comment by Nicholas C. Zakas — February 21, 2008 #

Am I wrong, but in my Firefox 2.0.12 new DataTables flickers all the time I do any action on it… Very annoying…

Comment by Gennadiy Litvinyuk — February 22, 2008 #

[…] YUI 2.5.0 Released â€” Big upgrades to DataTable, new Layout Manager, Flickr-style multi-file Upload… (tags: javascript yui) […]

Pingback by Mind Gravy » Blog Archive » links for 2008-02-22 — February 22, 2008 #

[…] YUI 2.5.0, released earlier this week, still provides A-Grade support to Safari 2. It’s unlikely that future YUI release will. For now: bonus browser support! […]

Pingback by Graded Browser Support: Updated A-Grade Chart » Yahoo! User Interface Blog — February 22, 2008 #

[…] YUI 2.5.0 Released — Big upgrades to DataTable, new Layout Manager, Flickr-style multi-file Up… - The YUI Team just released version 2.5.0 of the library. We’ve added six new components — Layout Manager, Uploader (multi-file upload engine combining Flash and JavaScript), Resize Utility, ImageCropper, Cookie Utility and a ProfilerViewer Control […]

Pingback by Vinny Carpenter’s blog - » Daily del.icio.us for February 17th through February 22nd — February 22, 2008 #

[…] just released YUI 2.5.0. Details of new components in this release can be found at YUI blog. To me the most exciting component in this release is the Uploader, which I called the mighty […]

Pingback by The Mighty Component of YUI 2.5.0 - Uploader : Code Central — February 23, 2008 #

File unloader is my favorite! Thanks YUI

Comment by Balakumar Muthu — February 23, 2008 #

[…] rilasciata la versione 2.5 della libreria Yahoo User Interface. Tutti i dettagli sono forniti sul post ufficiale del Blog di […]

Pingback by Area sviluppo Tesene » Blog Archive » Rilasciata la YUI 2.5 - File Uploader - Layout Manager e Javascript Profiler grafico — February 23, 2008 #

[…] verfügbar, die in Summe über 270 Beispiele mit den YUI-Komponenten zeigen. Im YUI-Developers Blog sind noch einige Notizen der Entwickler zu finden, die noch den einen oder anderen Hinweis […]

Pingback by YUI - Neue Version 2.5.0 erschienen | astBlog — February 24, 2008 #

Thanks guys! The javascript/flash combo within YUI framework: love it, please continue with those :)

Comment by Yvo — February 24, 2008 #

[…] the details on the official blog post Â and more details here. Itâ€™s available for download […]

Pingback by YUI 2.5.0 Released — February 24, 2008 #

Cool! Layout manager looks good. Thanks.

Comment by Daesung Park — February 24, 2008 #

[…] javascript kÃ¼tÃ¼phanelerinden YUI 2.5 sÃ¼rÃ¼mÃ¼ Ã§Ä±kmÄ±ÅŸ. BaÄŸlantÄ± […]

Pingback by Fatih HayrioÄŸlu’nun not defteri » 23 Åžubat 2008 web’den seÃ§me haberler — February 25, 2008 #

[…] YUI 2.5.0 Released â€” Big upgrades to DataTable, new Layout Manager, Flickr-style multi-file Upload… […]

Pingback by Linkpicks Februar | Publick Tech News — February 26, 2008 #

[…] but they have released some interesting news the latest weeks including Yahoo Buzz, Yahoo Video, Yahoo UI 2.5 and now the Open Search Platform is […]

Pingback by Yahoo Open Search Platform announced at The Frontend — February 26, 2008 #

[…] YUI 2.5.0, released earlier this week, still provides A-Grade support to Safari 2. It’s unlikely that future YUI release will. For now: bonus browser support! […]

Pingback by Graded Browser Support: Updated A-Grade Chart « outaTiME — February 27, 2008 #

[…] YUI 2.5.0 Released […]

Pingback by Rails Podcast Brasil - Episódio 7 — February 28, 2008 #

[…] YUI 2.5.0 ReleasedThe YUI Team released the new version 2.5.0 of the YUI library. Six new components were added â€” Layout Manager, Uploader (multi-file upload engine combining Flash and JavaScript), Resize Utility, ImageCropper, Cookie Utility and a ProfilerViewer Control that works in tandem with the YUI Profiler. […]

Pingback by Best Of February 2008 | Best of the Month | Smashing Magazine — February 29, 2008 #

[…] developers site so, check it out. Want to know more about the release itself? Check out the official blog post. Posted in Business, Adobe, Apple, IBM, AJAX and RIA, ColdFusion | Leave a […]

Pingback by Hugo Sombreireiro » Blog Archive » YUI 2.5 demo app online — March 1, 2008 #

[…] developers site so, check it out. Want to know more about the release itself? Check out the official blog post. Posted in AJAX and RIA | Leave a […]

Pingback by Hugo Sombreireiro » Blog Archive » YUI 2.5 demo app online — March 1, 2008 #

[…] YUI 2.5.0 Released - 6 new components: Layout Manager, Uploader, Resize Utility, ImageCropper, Cookie Utility and a ProfilerViewer Control that works in tandem with the YUI Profiler. […]

Pingback by SitePoint Blogs » News Wire: AIR, Flex 3, Click Fraud, and more! — March 1, 2008 #

[…] Christian for venturing all the way up North in the interests of broadening our technical horizons. Version 2.5 of the YUI was released later on that evening and we were pleased to help kick off the […]

Pingback by GeekUp Special Roundup: Christian Heilmann on the YUI : Urbanwide - Deb Bassett — March 27, 2008 #

[…] YUI 2.5.0 Released […]

Pingback by Rails Podcast Brasil - EpisÃ³dio 7 — April 1, 2008 #

I’d like to collaborate and discuss issues regarding the use of the YUI CSS grids.

Comment by Clinton Gallagher — April 26, 2008 #

Hey Clinton,

I’ll send you an email directly.

Thanks,
Nate

Comment by Administrator — April 28, 2008 #

i need to develop an application to upload multiple files using single dialog box .and to upload files on my local disk.My uploader is working fine i used (http://developer.yahoo.com/yui/examples/uploader/uploader-advanced.html) this link to do so .But there is not any functionality so that i can save these uploaded files on disk .So i nedd help i am working on it for a long but time but can’t do it

Any one help will be highle appreciable
thanks

Comment by vikram — May 16, 2008 #

Yahoo! User Interface Blog