Latest

Did you know?

Chunk Norris can fast-forward live TV.
Facts from CNF

100m Sprint (Sass / jQuery) Experiment

Inspired by the Rio 2016 Olympics I started playing around in CodePen and ended up creating this little 100m Sprint simulation. The experiment makes use of both Sass and jQuery random functions to generate a realist (kinda) run across the screen to the finish line – with each race ending in a different result. The … Continued

Nonbeliever II – Live

‘Nonbeliever’ is the name I gave to the music stuffs I create in my spare time. I recently decided to give the original site an overhaul to keep it fresh and interesting. It also tries out a few things I haven’t used before in my design and development projects. You can click the button below … Continued

Your Web Film – Live

Your Web Film were looking for a fresh, modern website to best show-off their services. The company consists of an experienced team of creative agency Account Managers, Videographers and Technicians with a distinctive mission: to make fresh, affordable, broadcast-quality promotional films for small business. With a two week turnaround, they were looking for a modern … Continued

Super Simple Responsive Progress Bar

Recently for a project I threw together a quick animated and responsive Progress Bar making use of the HTML5 data-attribute. It’s a nice and simple snippet which is easy to implement, though you’ll need jQuery. Example: HTML: <div class=”progress-wrap progress” data-progress-percent=”25″> <div class=”progress-bar progress”></div> </div> CSS: .progress { width: 100%; height: 50px; } .progress-wrap { … Continued

Installing Grunt on OS X and Windows 7

Coming primarily from a PC-based development background, I thought it might be useful to provide a step by step guide to installing Grunt on a Mac as well as a Windows 7 PC. Firstly, Grunt (currently v0.4.0 at the time of writing) is a JavaScript-based task runner; it allows for the automation of repetitive coding … Continued

Don't Be Shy