The bubbling core basically define a mechanism (communication's pipes) to easily interact between the browser, server and the components in a web app, defining a programming pattern based on messages and listeners at the highest level. The first thing you need to do before trying to use this utility in your app, is to read this article in the YUIBlog "The Bubbling Technique & Custom Event, YUI's Secret Weapon", to learn the principles of this pattern (more ...)

Use plugins to extend the YUI's controls and widgets...

• Dispatcher
  Improve the interaction between the browser and server, also see the Wizard plugin to interact with forms.
• Lighter
  Extend the CSS using javascripts and create highlightable areas...
• Sound Manager
  Using an even-driven mechanism to play sounds effects on certain event...

More plugins

Use these widgets to extend the YUI's controls and widgets...

• Accordion Manager
  Create expandable and collapsible elements based on the HTML markup and few CSS rules...
• Loading Mask
  A transparent mask to avoids flash of unstyled content and to block the actions during the page's rendering and loading process, and AJAX's requests...
• Tooltip Manager
  Create floating element to display hint's information based on the trigger element...

More widgets

We can use these small pieces of code to add a new functionalities to a certain widget, a control or a whole group of DOM's elements in the page.

• Behaviors - Examples
• Step by Step for Dynamic Context Menus

Every control and plugin of the bubbling library ships with a series of examples that illustrate its implementation. These examples can serve as starting points for your exploration of the Bubbling Library, as code snippets to get you started in your own programming. Also, you can navigate through the API documentation in the official library website, and you will be able to explore these examples component-by-component.

Click here to see the full index of examples