Welcome to YUI 3.18.1!
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.18.1. For the most up-to-date, searchable docs, please visit the YUI website.
Links
- Quick Start (for developers new to YUI)
- Static API Documentation for this version
- Issue tracker
- Forums
- License
You may also find the following additional resources useful:
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.
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
- 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
- Normalize.css
- Overlay
- Paginator
- Panel
- Pjax
- Plugin
- Promise
- Recordset
- Resize
- Rich Text Editor
- Router
- ScrollView
- Slider
- Sortable
- StyleSheet
- SWF Utility
- TabView
- Template
- Test
- Test Console
- Transition
- Tree
- Uploader
- 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
- Using Grid Units
- Fixed Page Template
- Fluid Page Template
- Aligning Grid Units
- Responsive Newspaper Layout
- Basic Left Nav *
- Basic Top Nav *
- Menu Button Top Nav *
- Split Button Top Nav *
- Left Nav with Submenus with Shadows *
- Left Nav With Submenus With Rounded Corners *
- Skinning Menus Created Using the MenuNav Node Plugin *
- CSS Reset
- DataSchema
- DataSource
- DataTable
- Basic DataTable
- DataTable + DataSource.Get + JSON Data
- DataTable + DataSource.IO + XML Data
- Formatting Row Data for Display
- Nested Column Headers
- Column Sorting
- Color Sorting and Filtering
- Scrolling DataTable
- Sortable generated columns
- Master and detail tables
- Checkbox select column
- DataTable with Paginator
- Creating a Modal Form *
- DataType
- Dial
- Drag and Drop
- Simple Drag
- Drag - Node plugin
- Drag - Proxy
- Drag - Constrained to a Region
- Drag - Interaction Groups
- Drag - Handles on an Panel
- 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
- Multiple Instances *
- Adjusting a Page Theme on the Fly *
- 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
- Accessible Toolbar *
- Accessible Menu Button *
- Request XML data from Yahoo! Weather *
- Request JSON using Yahoo! Pipes *
- Photo Browser *
- Portal Style Example *
- Simple DOM Events *
- Normalize.css
- Overlay
- Paginator
- Panel
- Pjax
- Plugin
- Promise
- Recordset
- Resize
- Rich Text Editor
- Router
- ScrollView
- Slider
- Sortable
- StyleSheet
- SWF Utility
- TabView
- Template
- Test
- Test Console
- Transition
- Basic Node Transitions
- Using Transitions
- Showing and Hiding with Transitions
- Reusing a JSONPRequest Instance to Poll a Remote Server *
- Using NodeList - Simple *
- Using NodeList - Ducks Game *
- Adding Node Content - Burger Builder *
- Creating an Animated Panel *
- Building a UI with AsyncQueue *
- Search Results *
- Creating a Node Plugin that chains transitions *
- Tree
- Uploader
- 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