Examples
-
Ghostwriting! Boo!
A nice, simple little object that allows you to magically write text into an input field.
-
Persistent fixed element for all browsers!
Scroll down the page and when you do, surprise! A fixed element banner appears. Works even in IE6! Read More
-
Oh so fun! This is a merry-go-round carousel!
A simple example that constantly appends and animates a carousel. pre-YUI 3 is pretty good!
-
Simple Fast-Forward, Reverse Carousel
A new implementation of a carousel using pre-release YUI 3! Read More
-
iGoogle Imitation
More of my love for dashboards! Read More
-
iGoogle Imitation Redux
Now with persistence! Read More
-
Animated Horizontal Menu
Exploring the YUI MenuBar with a splash of animation Read More
-
Building and Flying a Spaceship
Here's a little fun -- a flying spaceship built with YUI Read More
-
My YUI splitpane
Here's a reusable splitpane component! Read More
-
Resizer!
A simple example of how to use the YUI DnD library to create a window resizer. Read More
-
Stixy Dialog Imitation
Here's an imitation of a comment dialog from Stixy. Read More
-
Select and Scroll
Here's a really simple example of selecting and then scrolling to an item in a list. Read More
-
My first YUI DnD example!
This is a simple DnD example that demonstrates how you handle events and interact with DOM elements.
-
DnD elements into a window using YUI
Grab some elements and drop them in the window! Flex some YUI power!
-
Move a square and animate it with YUI
A little example demonstrating DnD with a little splash of animation. Read More
-
Bindows Gauges
Integration fun with the Bindows gauge library. Read More
-
Zip Realty Mashup Redux!
Over the 4th of July 2008, I updated my first the mashup -- it uses the Google Map API and Bay Area addresses with data from Zip Realty. Here's the original one which I wrote in 2006.
-
Fading Cars
Here's a fun one. Prior to the release of Bindows 3.0, Bindows didn't support animation. So, I wrote a simple component that handled fade animation. Read More
-
Fading Cascading List
Read More
-
Yahoo! Tab Menus
When I got a hold of Bindows 3.0 Beta, I thought I'd create an expanding and collapsing tab like Yahoo! has. Read More
-
Google Gadget Help Wizard
Often my examples imitate something that already exists. This one imitates the Google Gadget help wizard. Read More
-
Blue Nile's Cool Blue Sliders These are the coolest sliders in the world.
Read More
-
View Port
Google and Yahoo Maps uses a UI design pattern called "Overview plus detail." This is an implementation of that using the Bindows graphing libraries. Read More
-
Long List Experiment #1
Basically, I load the big list all at once. It's definitely not the way to go.
-
Long List Experiment #2
This is nicer, but neither this example or the previous one is asynchronous.
-
Smart Scrolling
I played with the asynchronous loading of data and one of the first examples that I did was smart scrolling or scrolling on demand. I'm using the Yahoo Search API and pulling back the results in JSON. Read More
-
Yahoo! Flickr Asynchronous Picture Slider
The next example of asynchronous access that I did was to imitate Yahoo!'s Flickr's picture slider. It's really nice and simple. I'm using the Flickr API asynchronously. Read More
-
Scrollable Component
I'd been asked to build a reusable component that put nice looking scrollbars onto Bindow toolbars. So, I came up with a this nifty solution. Read More
-
See Bindows Applications this Way
During one of my talks on Bindows, I wanted to demonstrate the hierarchical nature of Bindows, so I wrote a tool that looked into the structure of a Bindows application. Note that the custom component that I'm analyzing is my implementation of Yahoo!'s movie rater. Read More
-
Tree from a HTML List
With the prevalence of JavaScript toolkits, why even create your own trees? Well, for fun, I thought I'd try by using an HTML list.
-
Dashboard Experiment :: User Feedback
I'm just experimenting with different types of user feedback. Move a container and see what I mean.
-
IconDB Imitation but Animated
A celebration of the animation capabilities of Bindows 3.0 in a dashboard
-
Bubble Dialogs
Reusable bubble dialogs for Bindows developers. Read More
-
More Bubble Dialog Fun An animated expand, collapse and close bubble dialog
-
Dressing Up a Meebo Me Widget...
The Meebo Me widget looks like a dialog. So, shouldn't it behave like one?
-
Rounded Corners with No Images
For Bindows developers, here's a rounded corner component without using images. Read More
-
Cross Browser Rounded Borders Using Sprites
A simple example of cross browser rounded border support. Read More