Yahoo! UI Library

Yahoo! UI Library
From Wikipedia, the free encyclopedia

For other uses, see Yui (disambiguation).

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.


Features

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

Utilities


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

Browser History Manager
Helps web applications use the browser's back button and bookmarking functionality.

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

DataSource
Provides a common configurable interface for other components to interact with different types of data, from simple JavaScript arrays to online servers over XHR.
provides a wrapper for HTMLElements in the DOM and makes simpler common tasks such as adding listeners, manipulating the DOM, and setting and getting attributes.

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 custom events.


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.

Button
Enables the creation of rich, graphical buttons that function like traditional HTML form buttons.
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.

DataTable
Simple yet powerful API to display screen-reader accessible tabular data on a web page. Notable features include sortable columns, pagination, scrolling, row selection, resizeable columns, and inline editing.

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.

TabView
Provides navigable tabbed views of content.

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


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.