Tuesday, February 14, 2006

Yahoo! UI Library Released as OSS

Yahoo! UI Library

"The Yahoo! User Interface Library is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, HTML and AJAX. The UI Library Utilities facilitate the implementation of rich client-side features by enhancing and normalizing the developer's interface to important elements of the browser infrastructure (such as events, in-page HTTP requests and the DOM). The Yahoo UI Library Controls produce visual, interactive user interface elements on the page with just a few lines of code and an included CSS file. All the components in the Yahoo! User Interface Library have been released as open source under a BSD license and are free for all uses.

Components

Yahoo! User Interface Library components fall into two groups: Core Utilities and UI Controls.

Core Utilities

The Yahoo! UI Core Utilities simplify in-browser devolvement that relies on cross-browser DOM scripting, as do all web applications with DHTML and AJAX web characteristics.

Animation: Create "cinematic effects" on your pages by animating the position, size, opacity or other characteristics of page elements. These effects can be used to reinforce the user's understanding of changes happening on the page.

Connection Manager : This utility library helps manage XMLHttpRequest (commonly referred to as AJAX) transactions in a cross-browser fashion, including integrated support for form posts, error handling and callbacks.

DOM:The DOM Utility is an umbrella object comprising a variety of convenience methods for common DOM-scripting tasks, including element positioning and CSS style management.

Drag and Drop: Create draggable objects that can be picked up and dropped elsewhere on the page. You write code for the "interesting moments" that are triggered at each stage of the interaction (such as when a dragged object crosses over a target); the utility handles all the housekeeping and keeps things working smoothly in all supported browsers.

Event: This sophisticated manager class gives you easy and safe access to browser events (such as clicks and key presses). The Event package also includes the Custom Event object, a mechanism for publishing and subscribing to interesting moments in your own application flow.

UI Controls

The Yahoo! UI Library Controls provide highly interactive visual design elements for your web pages. These elements are created and managed entirely on the client side and never require a page refresh.

Note: In the code for the UI Controls you will see frequent references to the term "widgets." This is an internal name for these components; do not confuse the Yahoo! UI Library Controls with Yahoo! Widgets.

UI Controls include:

Calendar: The Calendar Control is a graphical, dynamic control used for date selection.

Slider: This control provides a generic slider element that enables the user to choose within a finite range of values on one or two axes.

TreeView: The TreeView control produces a content tree whose nodes can be expanded and contracted by user interaction (and by script, where necessary). The nodes can contain links or custom properties and can be loaded dynamically. The display of the node elements can be customized with CSS to create a folder view, to-do task list, and so on.

…"

 Wow, that’s cool. Nice move Yahoo... 

(via TheMadAdminYahoo! User Interface Library–Now Open Source!!)

2 comments:

Anonymous said...

Just in case anyone cares I have manged to make a demo of the Yahoo UI and AJAX on my website (www.steamed-design.com), feel free to have a look and steal it.

Greg said...

Nice...

And it's cool of you to allow the downloading of your work (plus all the other stuff you've posted for downloading).

Thanks...