Ralph Alfonso and Alison Rogers, owners of Bongo Beat Records, started the Second Life Bongo Beat store to target a new audience and reach people who wouldn’t normally discover a label like Bongo Beat, treating this virtual community as a new territory (like England, or Spain, etc) and adapting strategies in communicating with a population/demographic that isn’t necessarily human.

They started integrating virtual appearances by some of their artists – performing live within the Bongo Beat Second Life area.

They created weekly club nights with virtual DJs to build traffic and familiarize them with our area and the online store and Bongo Beat’s music (DJs play whatever they want and integrate Bongo Beat tracks into their DJ sets).

Walk through implementing a simple YUI widget, maybe with some minor CSS customization. Need to pick which widget… possibly TabView as I have a working example for it.
Brief overview of a few different widgets that I’ve worked with before:
TabView
The TabView component is designed to enable developers to create navigable tabbed views of content.
AutoComplete
The AutoComplete control provides the front-end logic for text-entry suggestion and completion functionality. This control supports a variety of user interactions. See the Yahoo! UI Design Pattern Library description for AutoComplete to get a fuller sense of the underlying design patterns in the AutoComplete family. Using the YUI Library’s AutoComplete control, a developer can implement these design patterns quickly and flexibly.
Container, Panel & Overlay
The Container family of components is designed to enable developers to create different kinds of content-containing modules on the web. Module and Overlay are the most basic containers, and they can be used directly or extended to build custom containers. Also part of the Container family are four UI controls that extend Module and Overlay: Tooltip, Panel, Dialog, and SimpleDialog.
Color Picker
The Color Picker Control provides a rich visual interface for color selection. The interaction is a familiar one from the desktop paradigm: Color range and saturation are adjusted via sliders while the technical details of the current color are displayed in RGB, hex, and/or HSV formats.
Connection Manager
The Connection Manager is a utility that enables you to make in-page HTTP requests through a simplified interface to the XMLHttpRequest object. The Connection Manager handles cross-browser instantiation of XMLHttpRequest, negotiates the server response and uses a callback pattern to process the response data.
Discuss some slight drawbacks of developing with the YUI:
Code bloat, lots of includes for each widget, even using minified JS and CSS files
Upgrading customized code can be problematic
Some controls can cause the page to run slowly
Basics of how to debug using Firebug & YSlow. (might save this for AJAX segment)
The future of YUI – changes coming in 2.4.0 release, other useful controls/widgets.
Discuss using the Yahoo! Design Pattern Library to research solutions to common web design & development problems

Show Notes RELATED WEBSITE LINKS (to be used on web)
YUI 2.4.0 pre-release announcement
http://www.nabble.com/Pre-release-announcement%3A-YUI-2.4.0%2C-expected-...

Dav Glass’ YUI YAHOO.Tools Extension Library
http://blog.davglass.com/files/yui/tools/

The Yahoo! User Interface Library
http://developer.yahoo.com/yui/

Tutorial: Rounded corners with YUI Tabview
http://www.nickbouton.com/archives/2007/11/07/tutorial-rounded-corners-w...

YUI TabView
http://developer.yahoo.com/yui/tabview/

YUI Autocomplete
http://developer.yahoo.com/yui/autocomplete/

YUI Container
http://developer.yahoo.com/yui/container/

YUI Color Picker
http://developer.yahoo.com/yui/colorpicker/

YUI Connection Manager
http://developer.yahoo.com/yui/connection/

Yahoo! Design Pattern Library
http://developer.yahoo.com/ypatterns/

Firebug
http://www.getfirebug.com/

YSlow for Firebug
http://developer.yahoo.com/yslow/