YUI Library Release 0.11: A Host of Enhancements and a New Logger Control
In the two months since our last release, the YUI Team has been hard at work improving the library, optimizing code, and working with our colleagues at Yahoo! as they've launched numerous products using YUI as a foundation. The new Yahoo! Front Page beta is just one example where YUI is helping Yahoo!'s frontend engineering community to bring its most interesting visions to fruition.
In addition to one brand-new component — the Logger Control — this release brings substantive ehancements throughout the library, including:
- Color animation: The Animation Utility sports a new ColorAnim subclass that makes the animation of color properties (like
border-color) a snap.
- Drag & Drop performance: The Drag & Drop Utility has been one the YUI Library's most popular components since its release. Version 0.11 brings an improvement in the way Drag & Drop positions dragged items during a drag interaction — resulting in significant performance gains, particularly in Firefox.
- Managing inheritance: We've provided new documentation for the Yahoo Global Object, including its new
- File upload: The YUI Connection Manager now supports file upload in addition to XMLHttpRequest-based asynchronous transactions. Connection Manager will create an iframe for you on the fly, use that iframe to post your uploaded file(s) to the server, and then return to you the HTML body of the server's response — all within the familiar syntax of the component's connection and response objects.
- Minor changes and enhancements throughout: From "popping" a branch in the TreeView Control (and reinserting it elsewhere in the Tree) to implementing AutoComplete with an always-visible suggestion container, a host of minor changes can be found throughout the library for 0.11. Check out the README file found in each component's build directory for detailed information about enhancements and bug fixes to the components you are implementing.
- New Cheat Sheets: Cheat Sheets for the YUI Utilities have been updated for 0.11 and new Sheets have been added for three of the Controls (Logger, Slider, and TreeView).
YAHOO.extend to help manage inheritance and to look at new ways to optimize drag-and-drop performance. Hundreds of other members, in ways large and small, have helped us to see places where YUI could be more complete and more useful. Many thanks to all who are contributing there.
The biggest change you'll see in YUI Library 0.11 is the advent of the YUI Logger Control, a flexible and integrated logging package in the spirit of earlier tools like Five Volt Logic's estimable fvlogger. The Logger Control gives you useful insights into the operation of other YUI components, each of which now ships with a -debug version. Logger debuts with the following core features:
- Powerful, compact UI: The default user interface, which is optional and highly configurable, supports live filtering of log messages by category or source and allows you to pause and resume logging on the fly. If Drag & Drop is available on the page, the UI can be repositioned; it can always be collapsed and expanded. Script hooks allow you to show and hide the Logger Control console dynamically.
- Integration with the YUI Library components: The YUI Library components now ship with -debug versions that output logger messages at interesting moments. Take a look at how the Logger Console helps to illuminate the inner workings of the TreeView Control in this example.
- Simple integration with your own projects: Taking advantage of the Logger Control in your own projects is as simple as adding logging statements at interesting moments in your scripts' execution: e.g.,
YAHOO.log("Initializing menu: Variable sName = " + sName);. The global YAHOO.log method can be safely used throughout your scripts, even when the Logger Control is removed from the page.
We look forward to hearing your thoughts and learning from your experiences as you implement the new Logger Control, whether to enhance your toolkit while working with YUI components or in development of your own application code.