Dare to Donate

Those daring enough ask the public to vote on which challenge they should do. A vote costs one donation to charity.

The fundraising platform works on any device and plugs into JustGiving to handle donations and grab info about the charities.

View

Bublie

The realisation that user interface had become 'ordinary' set me off creating a website of experimentation to see whether or not we'd be using forms and message boxes for the rest of our internetting lives.

Using some new HTML5 features and a bit of jQuery wizardry I made a Bublie - a bubble-based pinboard. To add a pin (bubble) one simply drags images or links from other websites into a pinboard (bubble board), which is symbolized by a larger bubble that grows according to the number of pins it contains.

From there everything is taken care of. If a website is pinned Bublie will fetch whatever meta data it can about it and decide on the best way to display that content.

Visit

wankyPages

I needed a super quick way to implement fancy-pants page transitions so knocked together this jQuery plugin to do the job.

The plugin does the full paging shebang and works off window hashes to make linking easy. But the real magic is done with CSS3 animations; many of which the open source community have generously supplied.

Github

Video Scroll

All Saints ran a campaign allowing their users to control the position of a video with a scrollbar but unnusually didn't use HTML5 Video. I wanted to see what would happen if you did, so put together this.

The technique they used to play the video was one famously used by Apple. Instead of using an actual video they extracted each frame as an image and used JavaScript to swap them out in turn. The benefit of this (apart from working seamlessly across devices) was a drastic reduction in stutter when seeking backward and forward.

Although my example works it's only on condition that the computer is capable and the video is WEBM.

Try

BuildaForm

Our client needed the ability to create all sorts of forms for a Facebook competition app.

BuildaForm is a heavy duty jQuery form builder and gives the administrator complete control over their form and the developer the flexability to add and modify inputs. In our case we made a new select input that pulled in each cinema in the UK.

Github

Listio

On a rare occasion programmers need lists of things. Countries for dropdowns. Names for data analysis. Swear words for censorship. Getting these lists though usually means painfully ripping them from Wikipedia's HTML. No more, I exclaimed one evening, and built Listio that night.

Anyone can register and add their own lists to be downloaded in a variety of formats and the site is blissfully easy to use.

View