Welcome to YUI 3.8.0!
YUI is a set of utilities, infrastructure components, and widgets written in JavaScript and CSS for building richly interactive web applications. It is available under a BSD license and is free for all uses.
This is the static documentation for YUI 3.8.0. For the most up-to-date, searchable docs, please visit the YUI website.
Links
- Quick Start (for developers new to YUI)
- Latest Online Documentation
- Latest Production Release
- Forums
- License
- How to Contribute
Directory Contents
This package contains the following directories:
api
: Generated API docs for the entire library in HTML format.build
: Built YUI source files. This is what you should load on your web pages. The built files are generated at development time from the contents of thesrc
directory. The build step generates debug files (unminified and with full comments and logging), raw files (unminified, but without debug logging), and minified files (suitable for production deployment and use).docs
: User guides and examples for YUI components.src
Raw unbuilt source code (JavaScript, CSS, image assets, ActionScript files, etc.) for the library.
To build YUI components install Shifter (npm -g install shifter
)
and then simply run shifter
in that components directory.
Shifter also allows you to rebuild the entire YUI src tree:
cd yui3/src && shifter --walk
Component User Guides
- Anim
- App Framework
- AsyncQueue
- Attribute
- AutoComplete
- Base
- Button
- Cache
- Calendar
- Charts
- Color
- Console
- ConsoleFilters Plugin
- Cookie Utility
- CSS Base
- CSS Fonts
- CSS Grids
- CSS Reset
- DataSchema
- DataSource
- DataTable
- DataTable (deprecated version)
- DataType
- Dial
- Drag and Drop
- Event
- EventTarget
- FocusManager Node Plugin
- Get
- Graphics
- Handlebars
- History
- ImageLoader
- Internationalization
- IO Utility
- JSON
- JSONP
- MenuNav Node Plugin
- Model
- Model List
- Node
- Overlay
- Panel
- Pjax
- Plugin
- Profiler
- Recordset
- Resize
- Rich Text Editor
- Router
- ScrollView
- Slider
- Sortable
- StyleSheet
- SWF Utility
- TabView
- Template
- Test
- Test Console
- Transition
- Uploader
- Uploader (deprecated version)
- View
- Widget
- YQL Query
- YUI Global Object
Examples list
- Anim
- App Framework
- AsyncQueue
- Attribute
- AutoComplete
- Base
- Button
- Cache
- Calendar
- Charts
- Basic Charts Implementation
- Chart with Multiple Series
- Specify Chart Type
- Create Stacked Chart
- Create a Chart with a Time Axis
- Add Gridlines to a Chart
- Create a Stacked Area Chart with Planar Based Events
- Customize a Chart
- Customize a Chart's Tooltip
- Define a Chart's Axes and Series
- Pie Chart
- Dual Axes Chart
- Update Chart Axis
- Update Chart Series
- Create Chart with a Legend
- Group Marker Chart
- Color
- Console
- ConsoleFilters Plugin
- Cookie Utility
- CSS Base
- CSS Fonts
- CSS Grids
- CSS Reset
- DataSchema
- DataSource
- DataTable
- DataTable (deprecated version)
- DataType
- Dial
- Drag and Drop
- Simple Drag
- Drag - Node plugin
- Drag - Proxy
- Drag - Constrained to a Region
- Drag - Interaction Groups
- Using the Drag Shim
- Using Drop Based Coding
- Window Scrolling
- Drag Delegation
- Drag Delegation with a Drop Target
- Using Drag Plugins with Delegate
- List Reorder w/Bubbling
- List Reorder w/Scrolling
- Animated Drop Targets
- Photo Browser
- Portal Style Example
- Adjusting a Page Theme on the Fly *
- Multiple Instances *
- Event
- EventTarget
- FocusManager Node Plugin
- Get
- Graphics
- Handlebars
- History
- ImageLoader
- Internationalization
- IO Utility
- JSON
- JSONP
- MenuNav Node Plugin
- Model
- Model List
- Node
- Set and Get Properties
- DOM Methods
- DOM Methods - Store
- Handling DOM Events
- Using NodeList - Simple
- Using NodeList - Ducks Game
- Delegating Node Events
- Node Positioning
- Node Styling
- Adding Node Content - Burger Builder
- Showing and Hiding
- Simple DOM Events *
- Request XML data from Yahoo! Weather *
- Request JSON using Yahoo! Pipes *
- Accessible Toolbar *
- Accessible Menu Button *
- Photo Browser *
- Portal Style Example *
- Overlay
- Panel
- Pjax
- Plugin
- Profiler
- Recordset
- Resize
- Rich Text Editor
- Router
- ScrollView
- Slider
- Sortable
- StyleSheet
- SWF Utility
- TabView
- Template
- Test
- Test Console
- Transition
- Uploader
- Uploader (deprecated version)
- View
- Widget
- YQL Query
- YUI Global Object
- YUI Core
- Multiple Instances
- YUI Loader - Dynamically Adding YUI and External Modules
- Create Class Hierarchies with `extend`
- Compose Classes of Objects with `augment`
- Add Behaviors to Objects with `mix`
- Combine Data Sets with `merge`
- Check Data Types with `Lang`
- Browser Detection with `UA`
- Working with YUI 2 in 3
- Natively use YUI Gallery Modules
- Programatically use Loader
- Using Y.Parallel