YUI 2.4.0 Released — Selector, Charts, Profiler, Script/CSS Get, and JSON Support

December 4, 2007 at 3:38 pm by Eric Miraglia | In Development | 58 Comments

We released YUI version 2.4.0 today; it’s available for download and full documentation is up on the YUI website. Here are the all-new components being issued with 2.4.0:

Selector Utility: Matt Sweeney introduces the Selector Utility Beta in 2.4.0, our first pass at a CSS query engine. Of course, this genre owes a huge debt to Simon Willison, Sam Stephenson, John Resig and many others; most major libraries have now added selector functionality, and there’s an emerging body of work that helps implementers sort out the relative performance profiles of the various tools. The YUI Selector Utility implements much of the CSS Selector syntax as defined by the W3C, including the proposed CSS3 Selector extensions. Matt has provided support for most pseudo-classes, attribute operators, and combinators included in these working drafts. While performance is always a priority for query engines, in this initial beta our primary focus has been on passing test cases to meet the requirements of the CSS3 spec. We think we have the right selector framework to support YUI’s needs going forward, and we’re looking forward to your feedback as this goes out for a beta round.
Charts Control: Josh Tynjala of the Yahoo! Flash Platform team contributes the new YUI Charts Control, a hybrid JavaScript/Flash component that supports bar, line, and pie charts. The Charts Control draws data from the same DataSource Utility that underpins the YUI DataTable Control, making it possible to do combined chart/table visualizations. The Charts Control accepts CSS style information, allowing you to skin the chart itself without touching the underlying .swf file. But if you do want to dig into the Flash side of this project, you can get full access to those assets on the ASTRA site.
Get Utility: Adam Moore adds another foundational YUI component in the new Get Utility. Get provides an interface for dynamically adding script nodes and CSS link nodes to the page. This is the same engine we use in the YUI Loader Utility; with 2.4.0, we’ve reorganized the functionality and made it available as a separate module. You’ll find the Get Utility useful for loading JavaScript and CSS on an as-needed basis and for proxyless web-services calls where you’re retrieving JSON data.
Profiler: Nicholas C. Zakas is back in 2.4.0 with a brand-new component, the YUI Profiler. Profiler allows you to target specific code for profiling and to retrieve profiling data programmatically while your application is running — in any A-Grade browser. In combination with Nicholas’s YUI Test Utility, Profiler allows you to build unit tests in which success or failure is predicated on performance benchmarks. Profiler is issued without a visualization layer in 2.4.0, but check out the examples to get a feel for the data that gets rolled up by this tool and how to make use of it.
JSON Utility: YUI’s newest team member, Luke Smith, contributes an adaptation of Douglas Crockford’s public-domain JSON parse and stringify functionality. You’ll see the JSON Utility at work in the new Charts Control and working in tandem with the Get Utility to support proxyless web-services in AutoComplete.

Beyond these all-new pieces, you’ll find some other goodies throughout the library. Here are some notable ones:

Button: Todd Kloots celebrates the GA promotion of the YUI Button Control with a set of new examples, including a calendar-menu button, color-picker button, throbber/glowing button, and slider-button.
Calendar: Satyen Desai has added built-in year navigation to the YUI Calendar Control.
Drag & Drop: Dav Glass enriches the Drag & Drop Utility API for 2.4.0 with a new dragOnly configuration option. If your implementation requires simple drag-to-reposition functionality, this configuration option suppresses the complex targeting and interaction logic that is the most computationally intensive aspect of drag and drop; in those cases, you’ll see significant performance boosts. Note that Satyen has brought support for this option into the Container Family, where you can use it to improve the drag-and-drop performance of Panels and other draggable Containers.
Rich Text Editor: Dav continues to push the YUI Rich Text Editor in both size and performance. With 2.4.0, you can better control the dependency list, allowing you to shave more than 50% off the overall k-weight of the widget (vs. its 2.3.1 profile) if you don’t need some of the glossier UI elements.

For a full rollup of the changes, see George Puckett’s change manifest posted to the forum. We’ll have more to say about some of the new components here on YUIBlog in the coming weeks. In the meantime, please download the new release and drop by the YUI community forum to let us know what you think.

-Eric

(on behalf of the YUI team: Adam Moore, Dav Glass, George Puckett, Jenny Han Donnelly, Luke Smith, Matt Sweeney, Nate Koechley, Satyen Desai, Thomas Sha and Todd Kloots; and contributors: Josh Tynjala, Matt Mlinac, and Nicholas C. Zakas).

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

58 Comments »

RSS feed for comments on this post. TrackBack URI

None of the charting examples work for me using FF 2.0.0.11 and Flash 9.0 r28 in Windows. I tried them in the latest beta of Safari also, and none of them worked in there either. All I see is “Unable to load Flash content.”

Otherwise, I’m really excited to explore!!

Comment by Andrew Mattie — December 4, 2007 #
Horay! We’ve been hoping for a Selector Utility Control for a while now. This will make finding things in the DOM way easier. Can’t wait to check it out.

Comment by Fred W — December 4, 2007 #
Andrew,

The charts use the component architecture from Flash CS3 which requires Flash Player 9.0.45 or newer.

Josh Tynjala
Yahoo! Flash Platform

Comment by Josh Tynjala — December 4, 2007 #
Andrew —

Alas, it does look like there’s a problem with the Flash content in the download. My apologies. The examples on the website should be working — http://developer.yahoo.com/yui/examples/charts

Regards,
Eric

Comment by Eric Miraglia — December 4, 2007 #
Holy wow! What a release! Obviously selectors is long overdue, but it looks like you nailed the API. The flash charts I’m reallly looking forward to playing with, you’ve beat the other js libraries with this one. :)
Great job team, this is a hell of a release. Congrats.

Comment by Paul Irish — December 4, 2007 #
Rock on, YUI coders.

Comment by Nick — December 4, 2007 #
[...] Yahoo! releases version 2.4.0 of the YUI Library. Why are we telling you about the release of a library primarily aimed at [...]

Pingback by Yahoo! Flash(R) Blog » Blog Archive » YUI Got a Little More Flashy Today! — December 4, 2007 #
[...] YUI 2.4.0 出版了，非常常用到的 Selector Utility 終於在 2.4.0 補上了：YUI 2.4.0 Released — Selector, Charts, Profiler, Script/CSS Get, and JSON Support。 [...]

Pingback by YUI 2.4.0 at Gea-Suan Lin’s BLOG — December 4, 2007 #
thumbs-up guys!

Comment by Wally — December 4, 2007 #
I have wanted a profiler for JavaScript code. I am wondering how powerful it is. Thanks.

Comment by grayger — December 4, 2007 #
Seriously, the selector man. Good job Matt, I know you worked hard on this. This is really, really good.

Comment by Dustin Diaz — December 4, 2007 #
@grayger – It’s powerful in the sense that it can target specific methods or objects for profiling and can provide data in real time. Its biggest limitation right now is that it’s left to you to mine the data — there’s no default visualization of the profiling information, though the examples (http://developer.yahoo.com/yui/examples/profiler) give you some ideas about how to get at this information. -Eric

Comment by Eric Miraglia — December 4, 2007 #
[...] For a full look at the new Selector API, check out the Selector API documents on YDN. Also, see the related blog post about the recent 2.4 release. They’ve got some other cool bits on JSON support, charts, a [...]

Pingback by Yahoo UI gets a selector engine — December 4, 2007 #
[...] has announced a pretty big new release. YUI 2.4 contains a CSS selector utility, a charts control, a Get utility, a profiler, a JSON utility, and a [...]

Pingback by Ajaxian » YUI 2.4: Selector, Charts, Profiler, Script/CSS Get, and JSON Support — December 4, 2007 #
[...] web programming framework, YUI, is out in a new version, which frankly wouldn’t be too exciting if it wasn’t for the new Charts library. [...]

Pingback by Refresh » Blog Archive » Charting with YUI — December 5, 2007 #
[...] team in their blog announced the release of version 2.4.0. It’s available for download and full documentation on YUI [...]

Pingback by YUI 2.4.0 Released — December 5, 2007 #
Congrats on the new release guys. Can’t wait to get up to my eyeballs in it. I wonder if there have been improvements/additions to some of the more obscure parts like DateMath.

Comment by Ara Pehlivanian — December 5, 2007 #
The Get utility may have more potential than it seems, I think- with the addition of the ability to (optionally) not load resources that have already been loaded (maybe via a new “onlyOnce” config parameter that defaults to false), and optional synchronous behavior (possibly also via a config option), it effectively allows modules to declare their dependencies inline, Dojo-style (only with nicer support for CSS). Something to think about.

Comment by Greg — December 5, 2007 #
[...] http://yuiblog.com/blog/2007/12/04/yuii-240/ [...]

Pingback by YUI 2.4 has landed » By Don Albrecht » article » Ajax Bestiary — December 5, 2007 #
@Ara — Be sure to check out George Puckett’s release rollup on the forum (http://tech.groups.yahoo.com/group/ydn-javascript/message/21828) for the full list of changes. -Eric

Comment by Eric Miraglia — December 5, 2007 #
[...] YUI 2.4 [...]

Pingback by News: YUI 2.4, ExtJs 2, and RSH 0.6 | Matt Snider JavaScript Resource — December 5, 2007 #
[...] 2.4.0, which was just released today, comes with a minor update to its history library. To celebrate this new release, I thought I [...]

Pingback by Julien Lecomte’s Blog » Adding Back Button and Bookmarking Support to Your DHTML Slide Show — December 5, 2007 #
[...] have used Yahoo’s UI Toolkit, and it’s very good. New version released with css selector, charts, profiler, script/CSS Get, and JSON Support. Tags: CSS, Javascript, [...]

Pingback by YUI 2.4.0 Released | David Bisset: Web Designer, Coder, Wordpress Guru — December 5, 2007 #
What happened to the History utility?

Comment by Chris Griego — December 5, 2007 #
[...] released yesterday a new version of the feature-rich, BSD licensed YUI (the Yahoo! User Interface library) [...]

Pingback by New Yahoo! UI (YUI) library release! (2.4.0) — Subreption blog — December 5, 2007 #
@Chris — The Browser History Manager by Julien Lecomte carries on — http://developer.yahoo.com/yui/history — and has several important fixes in 2.4.0. Did you have a specific question on that? -Eric

Comment by Eric Miraglia — December 5, 2007 #
[...] Fonte: http://yuiblog.com/blog/2007/12/04/yuii-240/ [...]

Pingback by Caminews » YUI 2.4.0 Released — Selector, Charts, Profiler, Script/CSS Get, and JSON Support » Yahoo! User Interface Blog — December 5, 2007 #
[...] Link zum YUI-Blog findet Ihr hier. Bin gespannt was Yahoo noch so in der Bibliothek veröffentlichen wird und wie die einzelnen [...]

Pingback by Yahoo’s AJAX Bibliothek Version 2.4.0 | astBlog — December 5, 2007 #
[...] specifiche definitive del core di Oauth e ultimo ma non meno importante (per me) il rilascio della versione 2.4.0 delle librerie YUI (che uso, nella loro parte CSS, proprio qui per il layout di [...]

Pingback by Tutto in una giornata | Universo01 — December 5, 2007 #
[...] Luke Smith on the YUI team has adapted Douglas’s work for inclusion directly in YUI as of the 2.4.0 release; see the YUI JSON Utility User’s Guide for more. [...]

Pingback by Implementation Focus: Mint.com » Yahoo! User Interface Blog — December 5, 2007 #
[...] Para mais informações sobre esta nova versão visitem o blog do YUI. [...]

Pingback by Nova versão do Yahoo - YUI 2.4.0 | Ajax — December 5, 2007 #
[...] veröffentlicht. Es sind einige nette Features hinzugekommen, die alle gut zusammengefasst im YUI-Blog zu finden [...]

Pingback by YUI 2.4.0 veröffentlicht › anty.at — December 5, 2007 #
[...] Yahoo! ha rilasciato YUI 2.4, in cui la novità più interessante è l’implementazione dei selector CSS 3 via JavaScript. [...]

Pingback by YUI 2.4 - ReFactor.it — December 5, 2007 #
Another awesome release! I love YUI :-)

Looking forward to try out the new stuff.

Comment by Arnoud — December 6, 2007 #
[...] User Interface 2.4.0 was recently released which includes the new YUI Charts Control. Josh Tynjala of the Yahoo! Flash Platform team [...]

Pingback by Yahoo Charts Control Library Now Available — December 6, 2007 #
[...] YUI 2.4.0 Released — Selector, Charts, Profiler, Script/CSS Get, and JSON Support » Yahoo! User I… (tags: ajax javascript yui framework development lazycoder) [...]

Pingback by links for 2007-12-06 | Lazycoder — December 6, 2007 #
[...] search engine company: Yahoo has released a new version of their Yahoo User Interface library (covered in their blog here, download and documentation is here). I haven’t used YUI for serious projects, because I [...]

Pingback by Die Beste Aller Zeiten - Eike Pierstorff : Blog Archive : Yahoo Goodies and a Reminder about Open Standards — December 6, 2007 #
[...] recent change in Yahoo UI blog shows that the YUI is becoming somewhat more attractive and [...]

Pingback by Phil in Hong Kong » Blog Archive » Yahoo UI — December 6, 2007 #
Wow, you guys continue to deliver. I’m especially excited about the selector stuff and the Get Utility. I’ve been waiting for something like that for quite some time. Thanks again. Yahoo! rocks.

Comment by Empty — December 6, 2007 #
A short message to say thanks for the update & work on YUI, I’m impressed with the quality!

Comment by Yvo — December 6, 2007 #
[...] release cycles around but when they put out a release, the team definitely makes it worth it. Yahoo! just released YUI v2.4.0 with a host of new features that will surely please the YUI [...]

Pingback by YUI 2.4.0 Released | PHPCSF - A Blog About PHP and the brave new web — December 8, 2007 #
[...] Vía: http://yuiblog.com/blog/2007/12/04/yuii-240/ [...]

Pingback by YUI 2.4.0 - The Yahoo! User Interface Library - La Librería de Interfaz de usuario de Yahoo! « edusanver - Blog de Eduardo Sanchez Vera — December 9, 2007 #
[...] Yahoo’nun javascript kütüphanesi YUI’nin 2.4.0 sürümü çıkmış. Yeni CSS seçici sistemi, Grafik yönetimi, JSON yönetimi göze çarpan yeni özellikler. Bağlantı [...]

Pingback by Fatih Hayrioğlu’nun not defteri » 10 Aralık 2007 Web’den Seçme Haberler — December 10, 2007 #
[...] the release of YUI 2.4.0, there are several new examples designed to demonstrate the Button Control’s versatility. By [...]

Pingback by The Versatile Button Control » Yahoo! User Interface Blog — December 10, 2007 #
[...] released a new version of the YUI library (2.4). In this version some new things are offered: Selector Utility, Charts [...]

Pingback by YUI library 2.4 released | lutsr — December 11, 2007 #
[...] wrote about YUI Charts the other day and I guess my conclussion was that the library is promising, but still a long way [...]

Pingback by Refresh: Web programming for practitioners — December 14, 2007 #
[...] 2.4.1: Maintenance Release December 19, 2007 at 2:09 pm by Eric Miraglia | In Development | In YUI 2.4.0, we updated the way the Event Utility “cleans up” events in its page unload handler. [...]

Pingback by YUI 2.4.1: Maintenance Release » Yahoo! User Interface Blog — December 19, 2007 #
[...] 2.4.1: Maintenance Release In YUI 2.4.0, we updated the way the Event Utility “cleans up” events in its page unload handler. [...]

Pingback by YUI 2.4.1: Maintenance Release « outaTiME — December 21, 2007 #
[...] Další nové knihovny jsou Get a JSON, podívejte se na oficialní uvedení na YUI blogu. [...]

Pingback by RonnieWeb | Weblog » Vyšlo nové YUI 2.4.1 — December 22, 2007 #
[...] 2.4.0 has finally been released and boy do they have a huge list of new features, which include the [...]

Pingback by CSSVault Blog » Blog Archive » YUI 2.4.0 Released — December 28, 2007 #
[...] YUI 2.4.0 [...]

Pingback by Javascript CSS Selector Engine Timeline at Glibness — January 13, 2008 #
[...] YUI 2.4.0 [...]

Pingback by Ajaxian » Javascript CSS Selector Engine Timeline — January 14, 2008 #
Thank you for releasing those NICE controls :-D

BTW, I’m looking for one I haven’t seen yet: a text input field which suggests results from a (possibly big) remote DB, but on which you CANNOT type a free input. Only select one of those suggested.

I’ve seen it on sites like Facebook. Where you select a Network you cannot just invent a new one. User has to choose one of the thousands suggested by AJAX.

Does this exist in YUI? How is it called? :-)

Comment by Jaime — January 21, 2008 #
@Jaime – Have you checked out the AutoComplete widget? What you describe sounds like the “forceSelection” feature of AutoComplete.

Comment by Jenny Han Donnelly — January 22, 2008 #
[...] missed a lot of news since November. In the meantime, Yahoo! UI 2.4.0 was released, which finally adds CSS selectors. Over the last few months I pretty much tightened my [...]

Pingback by YUI 2.4.0 has been out since December, finally adds CSS selectors » Jonas Maurus’ maurus.net — February 3, 2008 #
Help wanted!

Hi need a source code of yahoo.com page
i e … dynamic buttons in right side moves up and down.

thnks
skumar

Comment by skumar — February 19, 2008 #
I have creating a website with jsp,servlet mysql , i require to put the horizontal chart for the data in my mysql database

how can id do it

please help me out

Comment by sandeep — April 21, 2008 #
I’m trying to add images or colors to my pie chart of my choice. They give you a series to define the styles you want:

series: [{}]

I need an example on using colors or images for the pie chart.

Comment by Jason — May 23, 2008 #

Yahoo! User Interface Blog (YUIBlog)