Some good work at Central St Martins college this year

Dare to Donate

The internal project at Independents United started as a small app to help a colleague raise money for charity. After a hugely successful campaign I lead the rebuild to turn it into a platform anyone could use.

The service allows fundraisers to raise money by charging donors to vote for challenges. We were one of the first apps to use JustGiving's API and it continues to grow in popularity.



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.



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.


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.



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.



We founded Techmog with the idea that we should be sharing what we’re living while working in technology. At Techmog we’re not just writers. We each have careers in engineering, computer science, audio production. This technical knowledge has become key at Techmog and because of it our writers have produced truly thoughtful and detailed work.

Being personally and geographically close to those in the tech scene means we’re very quick to make a discovery. A base in London gives us access a big proportion of Europe’s best startups and an interview is only a cycle away.