I made this to test applying different styles based on the time of day. This demo switches between three different style, based on what he seconds are when the page is loaded. 0-20 red, 20-40 blue, 40-60 green.
I made this to test a wallpaper-like background page that would cycle through a list of images with transition effects. I run it as the background on my XP office computer. It's a pretty cool wallpaper without having to install a separate program.
This was initially going to be changing background positions, but that seemed to be more processor intensive then just sliding an image inside a div.
I made this up and set it as the wallpaper for my wife's XP computer to suprise here Valentine's morning.
This was a test to set the header background based of the percentage of time elapsed in a certain period (1 minute).
This was a test to get a division to cycle through an array of images without fading through an intermediary.
I originally wanted it to work like the little tag rollers from the old train stations. The pages uses a single image and just moves around the background position for the numbers and colon.
This is a lot closer to what I imagined for the first clock I made. It rolls smoothly through the time, and automatically centers itself on page load and after any resize. I still want to make one that looks like the rollers in an old gasoline pump.
There's a dark version here and a stripped version that shows the mechanics here
This is just a little fun page where the background image follows your mouse around.
Well, it appears I'm obsessed with making clocks. This page uses various individual elements of the current date and time to move sliders along the scales.
I saw a bunch of cool word clocks on the internet both software and hardware, so I thought I'd see what I could do in jQuery.
I really wanted to play around with making a clock using html5 canvas, but as all browsers don't fully support it, I just made this one up out of css styled divisions. I made the scaling easy by sizing everything by em's.