YUI 2.3.0: Six New Components and a Prettier Face

By YUI TeamJuly 31st, 2007

YUI 2.3.0 is now available as a download from SourceForge.We’re pleased to announce today the release of YUI version 2.3.0. This release features six new additions to the library as well as a new skinning architecture and a new visual treatment for most of our UI controls. All of this, plus 250 enhancements and bug fixes, is available for download immediately.

Here’s what’s new to YUI in version 2.3.0:

  1. Rich Text Editor (beta): YUI developer Dav Glass brings you the new YUI RTE, featuring rich-text editing with robust A-Grade browser support. Cross-browser support has always been a major challenge for RTEs, and we think you’ll be impressed with how well this editor works across the various environments. You can instantiate it with just a few lines of code for simple implementations, and when you need to go beyond the ordinary it’s easy to extend the RTE’s Toolbar with your own custom buttons.
    Try out the YUI RTE with a custom Flickr photo extension.
  2. Base CSS: Nate Koechley continues to extend and refine the YUI CSS foundation, which now includes four members — Reset CSS neutralizes browser CSS treatments; the new Base CSS applies some consistent and common style treatments that many developers use as a foundation; Fonts CSS provides a foundation for typography; and Grids CSS delivers CSS-driven wireframes for thousands of potential page designs.
  3. YUILoader Utility (beta): YUI’s most prolific author Adam Moore has contributed the new YUILoader Utility, a mechanism for loading YUI components (and/or your own custom components) on the page via client-side script. YUILoader knows all about YUI’s dependency tree and introduces into the page only those files that are needed to support your desired components. It can load files from Yahoo! servers or from your own hosted location.
  4. ImageLoader Utility (experimental): Yahoo! Travel engineer Matt Mlinac authored the new YUI ImageLoader Utility, which allows you to defer the loading of some images to speed initial rendering time on your pages. If you suspect that you’re serving a lot of images that are never actually seen by your users, you’ll want to check out Matt’s work on this clever utility.
  5. Color Picker Control (beta): Adam Moore built the new YUI Color Picker Control on top of his own Slider Control. The Color Picker provides a powerful UI widget for color selection, featuring HSV, RGB, and Hex input/output and a web-safe color-selection swatch.
  6. YUI Test Utility (beta): Nicholas C. Zakas, who works on My Yahoo! when he’s not writing books or blogging on YUIBlog, authored our new YUI Test Utility. YUI Test introduces a flexible unit-testing framework for the YUI ecosystem and serves as the foundation for our own unit-test battery.

YUI Shows Some Skin

The new YUI Sam Skin.YUI components have always been receptive to implementation-specific styling, but with 2.3.0 we’ve moved to a more formal skinning approach that helps to separate core CSS definitions from purely presentational ones. YUI’s support for skinning makes it easier for you to implement your own design on top of, say, the TabView Control — and it makes it easier to share that skin with others in the community.

In concert with that effort, Yahoo! designer Sam Lind pitched in over the past several months to help us create an attractive, consistent visual treatment for the many UI controls in YUI that ship with a default look-and-feel. This baseline skin is much more stylish than what we’ve shipped in the past; many thanks to Sam for his hard work. In his honor, we’re calling this debut visual treatment the "Sam Skin". Hopefully this will be just the first of many YUI skins that evolve within the developer community as time goes on.

More To Come

The YUI Team will have more to say over the coming weeks about what’s new in 2.3.0, including in-depth looks at the Rich Text Editor, the skinning approach, other new components, and Jenny Han’s significantly upgraded DataTable Control. In the meantime, George Puckett from the YUI team has posted a detailed release manifest to our forums and there are release notes accompanying every component (available on the website and as part of the download).

We’ve been working hard on YUI since the last release and we’re excited to share this work with everyone today. Please check out the new version and let us know what you think.

58 Comments

  1. This … You … it’s, I mean … YOU’RE DOING THIS WITH A WEB BROWSER! ???? !!!! …. !!!!

    Hmmm … You all in the YUI team as well as all of Yahoo management and corporate are a half quart short of a full gallon, nutballs, and you scare me. But, since you are hellbent on continuing this madness, I will thank you.

    BTW, I think you or we insulted IE7 yesterday using your latest version of YUI. The IE runtime was giving us a “unknown runtime exception” after we added one too many widgets to the pile. Zoiks, run away!

    Cheers,
    Davester

  2. @Davester,

    Umm, thanks.

    Which quart? And we’re not trying to scare anybody. We’re friendly, I promise :)

    If you’re seeing issues with YUI on IE7, please consider filing a bug so we can address it.

    Thanks,
    Nate

  3. Hey Nate,

    Sorry, let me clarify my quart short comment. It’s just that, when I think of your product, I wonder how many of your people are now ready for the sanitarium. :) Do you ever hear any unexplained fits of laughter rising out of the cube farm? That is the madness setting in. :D

    And there is no bug that we’ve found in YUI. IE just failed to handle/ignore the fubar’ed markup we were trying as graciously as Firefox did. I had a good feeling it was us, the problem was just very hellish to debug and we couldn’t tell for sure.

    Congrats on building such an impressive product, cheers,
    Davester

  4. [...] YUI 2.3 came out almost 2 weeks ago and I forgot to mention it. Several old feature have been improved and revisited, and 6 new feature have been added. I am most impressed by the color picker (great extension for WYSIWYG editors and theme editors), deferred image loader (allows for low res images, followed by high res for faster page loading), and the improve CSS package (more layouts, better normalization and fonts). Anyway, it is better than before and there are a lot more packages to include if you like. [...]

  5. [...] User Interface (YUI) Library. Veja também YUI 2.3.0: Six New Components and a Prettier Face, por Eric Miraglia, [...]

  6. [...] YUI 2.3.0: Six New Components and a Prettier Face Yahoo!’s recent update to the YUI library contains some pretty massive improvements: a beta rich text editor component, a beta color selection widget, dynamic dependency loading, a beta unit testing framework, and a formal skinning system! (tags: javascript software) [...]

  7. Are there any plans to develop the functionality for a user to embed a flash widgets via the RTE? For instance, a button/icon that pops up a modal or dialog box of some sort that allows the user to paste the embed code and on submit it would display the actual flash embed or a sample picture of the embed?

    I would die for something like that =)

  8. [...] in the YUI Library have been released as open source under a BSD license and are free for all uses. YUI version 2.3.0 has just released on July 31, 2007 with six new additions to the library as well as a new skinning [...]