Yahoo! UI Library

From Wikipedia, the free encyclopedia

Yahoo! UI Library (YUI)

Developer:	Yahoo!
Use:	JavaScript toolkit
License:	BSD License
Website:	[1]

Yahoo! UI Library (YUI) is an open-source JavaScript library, for building richly interactive web applications using techniques such as AJAX, DHTML and DOM scripting. It also includes many CSS resources. It is available under BSD License^[1].

1 Features
2 References
3 External links

[edit] Features

YUI Library comes with complete documentation. It has two types of components: Utilities and Controls^[1], and some CSS resources.

[edit] Utilities

Animation: Helps create "effects" by animating the position, size, opacity or other characteristics of page elements.

Connection Manager: Helps manage XMLHttpRequest transactions in a cross-browser fashion. It has integrated support for form posts, error handling, callbacks and file uploading.

DOM: Helps with common DOM scripting tasks, including element positioning and CSS style management.

Drag and Drop: Helps with Drag-and-drop development (creation and management of draggable objects that can be picked up and dropped elsewhere on a web page)

Event: Provides developers with easy and safe access to browser events (such as mouse clicks and key presses). It also provides the Custom Event object for publishing and subscribing to custome events.

[edit] Controls

AutoComplete: Provides autocomplete feature (suggestion lists and type-ahead functionality) for user interactions involving text-entry . It supports a variety of data-source formats. It also supports server-side data-sources via XMLHttpRequest.

Calendar: A graphical, dynamic control used for date selection.

Container: Supports a variety of DHTML windowing patterns including Tooltip, Panel, Dialog, SimpleDialog, Module and Overlay.

Logger: Provides a quick and easy way to write log messages to an on-screen console, the FireBug extension for Mozilla Firefox, or the Safari JavaScript console.

Menu: Provides easy way to create fly-out menus.

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

TreeView: Produces a content tree whose nodes can be expanded and contracted.

[edit] CSS resources

CSS Page Grids: Seven basic page wireframes with subsection components to support 130 different page layouts.
Standard CSS Fonts: Standardized cross-browser font families and size rendering.
Standard CSS Reset: CSS declarations remove margins and standardize cross-browser rendering on common elements.