Play Video
1
Course of YUI - Class 01 - Introduction
Course of YUI - Class 01 - Introduction
::2012/10/14::
Play Video
2
Inside the Yahoo! User Interface (YUI) Library
Inside the Yahoo! User Interface (YUI) Library
::2011/06/08::
Play Video
3
Scott Schiller: Web Audio - HTML5 + Flash (in a tree)
Scott Schiller: Web Audio - HTML5 + Flash (in a tree)
::2012/02/20::
Play Video
4
YUI Open Hours: YUI Port of Twitter Bootstrap
YUI Open Hours: YUI Port of Twitter Bootstrap
::2012/05/31::
Play Video
5
Eric Ferraiuolo: YUI App Framework: You
Eric Ferraiuolo: YUI App Framework: You've Been Wanting This
::2011/11/16::
Play Video
6
Screencast: Contribute a component example for yuilibrary.com
Screencast: Contribute a component example for yuilibrary.com
::2012/04/11::
Play Video
7
YUI Open Hours: Checking in with Dav
YUI Open Hours: Checking in with Dav
::2012/08/31::
Play Video
8
YUI Open Hours: 3.5.0 Retrospective & 3.6.0 Planning
YUI Open Hours: 3.5.0 Retrospective & 3.6.0 Planning
::2012/04/19::
Play Video
9
YUI Open Hours: 3.5.0 DataTable Update
YUI Open Hours: 3.5.0 DataTable Update
::2012/01/19::
Play Video
10
YUI Open Hours: Tag (Gallery Module)
YUI Open Hours: Tag (Gallery Module)
::2012/07/26::
Play Video
11
YUI Open Hours: 3.5.0 Examples Update
YUI Open Hours: 3.5.0 Examples Update
::2012/03/29::
Play Video
12
YUI Open Hours: TreeView
YUI Open Hours: TreeView
::2012/06/28::
Play Video
13
YUI Open Hours: YUI 3.5.0 PR1
YUI Open Hours: YUI 3.5.0 PR1
::2011/12/15::
Play Video
14
YUI Open Hours: Mojito
YUI Open Hours: Mojito
::2012/07/12::
Play Video
15
YUI Open Hours: YUIDoc Updates and Travis CI Integration
YUI Open Hours: YUIDoc Updates and Travis CI Integration
::2012/05/24::
Play Video
16
YUI Open Hours: Checking in with Dav Glass
YUI Open Hours: Checking in with Dav Glass
::2012/02/12::
Play Video
17
YUI Open Hours: 3.5.0 PR4
YUI Open Hours: 3.5.0 PR4
::2012/03/22::
Play Video
18
YUI Open Hours: YUI 3.5.0 PR2
YUI Open Hours: YUI 3.5.0 PR2
::2012/02/02::
Play Video
19
YUI Open Hours: Modules and Loaders
YUI Open Hours: Modules and Loaders
::2011/10/20::
Play Video
20
YUI Open Hours: Yeti Next
YUI Open Hours: Yeti Next
::2012/02/16::
Play Video
21
YUI Open Hours: 3.6.0 Release
YUI Open Hours: 3.6.0 Release
::2012/08/03::
Play Video
22
YUI Open Hours: Yahoo! Axis Part 2: Mojito
YUI Open Hours: Yahoo! Axis Part 2: Mojito
::2012/06/21::
Play Video
23
YUI Open Hours: Buildy
YUI Open Hours: Buildy
::2012/02/23::
Play Video
24
YUI Open Hours: Yahoo! Axis
YUI Open Hours: Yahoo! Axis
::2012/06/15::
Play Video
25
Douglas Crockford: The JSON Saga
Douglas Crockford: The JSON Saga
::2011/08/28::
Play Video
26
YUI Open Hours: Satyam
YUI Open Hours: Satyam's MakeNode Extension
::2011/09/15::
Play Video
27
YUI Stories
YUI Stories
::2011/11/08::
Play Video
28
Jeff Conniff and Tilo Mitra: The Future of YUI CSS
Jeff Conniff and Tilo Mitra: The Future of YUI CSS
::2012/11/26::
Play Video
29
Pull Request on YUILibrary.com seem to be broken
Pull Request on YUILibrary.com seem to be broken
::2011/04/06::
Play Video
30
Clarence Leung: YUI and the New Server-Side Front-End
Clarence Leung: YUI and the New Server-Side Front-End
::2014/01/10::
Play Video
31
Eric Ferraiuolo: YUI and the Future
Eric Ferraiuolo: YUI and the Future
::2014/01/08::
Play Video
32
Ryan Grove: When Not to Use YUI
Ryan Grove: When Not to Use YUI
::2012/11/30::
Play Video
33
Ted Drake & Sarbbottam: Accessibility + YUI
Ted Drake & Sarbbottam: Accessibility + YUI
::2014/02/19::
Play Video
34
YUI Open Roundtable with Juan Dopazo on Promises, ES6 Modules and YUI
YUI Open Roundtable with Juan Dopazo on Promises, ES6 Modules and YUI
::2014/04/11::
Play Video
35
Reid Burke: Testing YUI Everywhere
Reid Burke: Testing YUI Everywhere
::2014/03/04::
Play Video
36
Manuel Jasso & Nathan Comstock:  YUI + Closure Templates = Enterprise JSP Tags
Manuel Jasso & Nathan Comstock: YUI + Closure Templates = Enterprise JSP Tags
::2014/01/29::
Play Video
37
YUI Open Roundtable with Pete Hunt on React
YUI Open Roundtable with Pete Hunt on React
::2014/05/08::
Play Video
38
YUI Open Roundtable - Pure CSS with Tilo Mitra and Eric Ferraiuolo
YUI Open Roundtable - Pure CSS with Tilo Mitra and Eric Ferraiuolo
::2014/01/23::
Play Video
39
Jonathan Tsai & William Seo:  Staying DRY with YUI
Jonathan Tsai & William Seo: Staying DRY with YUI
::2014/01/15::
Play Video
40
Luke Smith: Class Inheritance and Composition Patterns in YUI
Luke Smith: Class Inheritance and Composition Patterns in YUI
::2011/11/11::
Play Video
41
YUI Open Roundtable with Julien Lecomte
YUI Open Roundtable with Julien Lecomte
::2014/06/19::
Play Video
42
Andrew Wooldridge: YUI in 2013: A Year in Review
Andrew Wooldridge: YUI in 2013: A Year in Review
::2014/01/17::
Play Video
43
YUI Open RoundTable - Alberto Chan and modown
YUI Open RoundTable - Alberto Chan and modown
::2014/01/30::
Play Video
44
YUI Open RoundTable 03/14/2013
YUI Open RoundTable 03/14/2013
::2013/03/14::
Play Video
45
Jeff Pihach: Use YUI to Lower Project Development Costs
Jeff Pihach: Use YUI to Lower Project Development Costs
::2013/01/23::
Play Video
46
YUI Open RoundTable June 20, 2013
YUI Open RoundTable June 20, 2013
::2013/06/20::
Play Video
47
Dav Glass:  YUI and The History of OSS at Yahoo
Dav Glass: YUI and The History of OSS at Yahoo
::2014/02/07::
Play Video
48
Luke Smith: Debugging in YUI 3
Luke Smith: Debugging in YUI 3
::2011/09/03::
Play Video
49
Todd Kloots: YUI 3 Sugar
Todd Kloots: YUI 3 Sugar
::2011/09/06::
Play Video
50
Bishan Kochar : Secure Coding with YUI
Bishan Kochar : Secure Coding with YUI
::2013/01/02::
NEXT >>
RESULTS [51 .. 101]
From Wikipedia, the free encyclopedia
Jump to: navigation, search
Yahoo! User Interface Library
Yuilib.jpg
Developer(s) Yahoo!
Stable release 3.14.1 / December 20, 2013 (2013-12-20)
Written in JavaScript
Operating system Cross-platform (JavaScript)
Type JavaScript library
License BSD License
Website yuilibrary.com

The Yahoo! User Interface Library (YUI) is an open-source JavaScript library for building richly interactive web applications using techniques such as Ajax, DHTML, and DOM scripting. YUI includes several core CSS resources. It is available under a BSD License.[1] Development on YUI began in 2005 and Yahoo! properties such as My Yahoo! and the Yahoo! front page began using YUI in the summer of that year. YUI was released for public use in February 2006.[2] It is actively developed by a core team of Yahoo! engineers.

In September 2009, Yahoo! released YUI 3, a new version of YUI rebuilt from the ground up to modernize the library and incorporate lessons learned from YUI 2. Among the enhancements are a CSS selector driven engine, like jQuery, for retrieving DOM elements, a greater emphasis on granularity of modules, a smaller seed file that loads other modules when necessary, and a variety of syntactic changes intended to make writing code faster and easier.[3]

The YUI Library project at Yahoo! was founded by Thomas Sha and sponsored internally by Yahoo! co-founder Jerry Yang; its principal architects have been Sha, Adam Moore, and Matt Sweeney. The library's developers maintain the YUIBlog; the YUI community discusses the library and implementations in its community forum.

On August 29, 2014, it was announced that active development of YUI by Yahoo! would end, citing the evolution of the JavaScript standards, steadily decreasing interest in JavaScript libraries by developers, and the proliferation of server-side solutions. Future development will be limited to maintenance releases addressing issues which are "absolutely critical to Yahoo properties."[4]

Features[edit]

The YUI Library is fully documented on its website; detailed API documentation accompanies the library download. It has six types of components: YUI core, utilities, UI controls, CSS components, developer tools, and build tools.

Core[edit]

The YUI Core is a light (31KB minified) set of tools for event management and DOM manipulation.

YUI Global Object
The YUI Global Object contains language utilities, a script loader, and other baseline infrastructure for YUI.
Dom Collection
Helps with common DOM scripting tasks, including element positioning and CSS style management.
Event Utility
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.

Utilities[edit]

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.
Cookie
Allows you to manage browser cookies and subcookies through a simple API.
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.
Drag and drop
The YUI Drag and Drop Utility makes it easy to make elements "draggable" and to create drop targets that respond to drag events.
Element
Provides a wrapper for HTML elements in the DOM and makes simpler common tasks such as adding listeners, manipulating the DOM, and setting and getting attributes.
Get
The Get Utility supports the asynchronous loading of data and scripts through script nodes and the dynamic loading of external CSS files.
ImageLoader
YUI's ImageLoader allows you to defer the loading of images that are not visible in the viewport at the time the page loads. This can result in big performance boosts.
JSON
The JSON Utility provides methods for validation of incoming JSON data to verify that it is safe and methods to convert JavaScript data to a JSON-formatted string. These methods are based on Douglas Crockford's work at JSON.org.
Resize
Allows you to make any block-level HTML element resizable.
Selector
The YUI Selector Utility allows you to grab references to HTML elements via CSS3 selector syntax.
YUI Loader
YUI Loader is a client-side loader engine that can dynamically load any YUI component (and dependencies) on the fly.

Controls[edit]

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.
Charts
The Charts Control retrieves data via the DataSource Utility and displays the data in a variety of common chart formats (line, bar, pie, etc.).
Color Picker
The Color Picker Control provides a rich visual interface for color 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.
ImageCropper
ImageCropper provides the UI and interactive elements for a client-side image cropper.
Layout Manager
Allows you to create cross-browser, pixel perfect layouts with little effort by providing a fixed layout containing, top, bottom, left, right and center layout units.
Menu
Provides an easy API for creating fly-out menus, menu bars, and context menus.
Rich Text Editor
The YUI Rich Text Editor is a sophisticated client-side text-processor that is modular and highly configurable, suitable for any open-ended text-entry situation.
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; supports dynamic loading of tab content via XMLHttpRequest.
TreeView
Produces a content tree whose nodes can be expanded and contracted.
Uploader
Allows for multi-file file upload with feedback on upload progress.

CSS resources[edit]

CSS Base
Use Base after Reset to provide a consistent, cross-browser replacement for the standard browser CSS rules to which web developers are accustomed.
CSS Grids
Seven basic page wireframes with subsection components to support over 1000 different page layouts.
CSS Fonts
Standardized cross-browser font families and size rendering.
CSS Reset
CSS declarations remove margins and standardize cross-browser rendering on common elements.

Developer tools[edit]

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.
Profiler
A cross-browser, non-visual code profiler for JavaScript.
ProfilerViewer
Used in combination with Profiler to provide rich visualizations of your profiling data — both graphically (using the Charts Control) and in tabular format (using DataTable).
YUI Test
YUI Test is a testing framework for browser-based JavaScript solutions. Using YUI Test, you can easily add unit testing to your JavaScript solutions. While not a direct port from any specific xUnit framework, YUI Test does derive some characteristics from nUnit and JUnit.

Build tools[edit]

YUI Compressor
YUI Compressor is a tool that minifies JavaScript and CSS safely.
YUIDoc
YUIDoc is a tool written in JavaScript that generates searchable API documentation of JavaScript code. It is typically used as part of a build process. YUIDoc is comment-driven and is compatible with a variety of coding styles and programming languages.

See also[edit]

References[edit]

  1. ^ "YUI Library". Retrieved 13 June 2008. 
  2. ^ "The Yahoo! User Interface Library". Yahoo! User Interface Blog. 13 February 2009. 
  3. ^ "YUI 3.0.0: First GA Release of YUI’s Next-Generation Codeline". Yahoo! User Interface Blog. 29 September 2009. Retrieved 18 November 2009. 
  4. ^ "Important Announcement Regarding YUI". Yahoo! Engineering. Retrieved 29 August 2014. 

External links[edit]

Wikipedia content is licensed under the GFDL License
Powered by YouTube
LEGAL
  • Mashpedia © 2014