alltheyoung.co.uk
facebook.com/alltheyoung

All the Young have two massive events coming up in the next few weeks. The band will be releasing their new single, ‘Quiet Night In’, and playing a momentous gig at the Kings Hall in their home town of Stoke.

To build anticipation for both events Sam Stubbings briefed me to create a countdown for the band’s website.

I went in search of some opensource clocks and timers and discarded numerous Flash systems until I found a very stylish jQuery project.

The library needed some modifications to suit my needs. I found a modification that allows counting down to a specific date and time but there was a glitch that kept making the seconds start counting down from 99 instead of 59. I found that appending a 0 to the front of numbers less than 10 did the trick.

There was a second bug that made the timing a bit haywire in Internet Explorer. This was resolved with a simple fix by adding an additional DIV around one of the elements.

I added the code to a Lightbox system on All the Young’s official website so that it is the first thing visitors see when they go to the site.

We also wanted to give away a free download to Facebook fans, so I built a tab to include the countdown timers as well as a download link that is only visible to Facebook fans.