Skypoet.net - Oliver Tse

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