Yahoo! UI Library

From Wikipedia, the free encyclopedia

Yahoo! UI Library (YUI)
Developed by Yahoo!
Latest release 2.5.1 / March 19, 2008
OS Cross-platform (JavaScript)
Genre JavaScript library
License BSD License
Website developer.yahoo.com/yui/

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.[1] It also includes many CSS resources. It is available under BSD License[2].

Contents

[edit] Features

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

[edit] 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.
Element
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.

[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.
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.

[edit] CSS resources

  • CSS Page Grids: Seven basic page wireframes with subsection components to support over 1000 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.

In August 2007, Yahoo released YUI Compressor 1.0, a JavaScript compressor.[3]

The YUI Theater provides worldwide access to several talks by notable speakers on JavaScript and web development.[4]

[edit] References

  1. ^ Darryl K. Taft (February 14, 2006). Yahoo, TIBCO, Oracle Join AJAX Craze. eWeek. Retrieved on 2007-09-10.
  2. ^ a b Yahoo! User Interface Library. Retrieved on 2006-10-20.
  3. ^ John Dorsey (August 14, 2007). YUI Compressor 1.0 Released. Dr. Dobb's Journal. Retrieved on 2007-09-10.
  4. ^ AJAX Lowers Yahoo! Page Views, Eric Miraglia Explains Why That's Good. Eclipse Developers Journal (September 7, 2007). Retrieved on 2007-09-10.

[edit] See Also

[edit] External links

v • d • e
List of Web Application Frameworks
ASP.NET
ColdFusion
Java
Client-side
Perl
PHP
Python
Ruby
Camping · Nitro · IOWA · Ramaze · Cerise · Merb · Ruby on Rails
Server-side JavaScript
Other/
Multiple languages