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>...
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...
In a quick break from my daily duties I’ve decided to create FretMap – a tiny web application built to help people master the guitar. The application works by allowing them to easily visualise the notes on a fretboard in all keys and in a...
Today you may have dragged yourself back to your day job after living it up over Xmas and New Year (I hope you had a good’n). As many people do, I’ve set myself some goals to achieve in 2013 both in work-time and spare-time. Outside...
Rose Does Art is a small, simple and responsive website I designed and built for Illustrator Rose Greenfield in between other recent projects. The main goal of the website is to allow the work of the illustrator to shine through as clearly as possible, allowing...
Today the responsive holding page for the WeConvene project that I’m currently working is up and live to the world. It’s reasonably hush-hush at the moment, so I won’t go into much detail about the project itself (information can be found on the holding page),...
I recently realised that a worrying number of clients I’ve worked with this year have been tardy with their invoice payments. This is nothing new, all freelancers have to go through the stress and annoyance of having to chase up late or non-paying clients, politely...
Recently I’ve spent some time redesigning and rebuilding my experimental Qwota website to allow for improved UI/UX and to allow the site to become fully responsive. Qwota itself is a simple ‘application-style’ website that allows people to add their favourite or most inspiring quotes from...
The below text is an example of an email I – and I’m sure many of other Freelance Designers / Developers – get all too often. It goes a little something like this: Dear Sir / Madaaaam, We’ve just come across your work and we...
I was approached recently by Ampersand Commerce Ltd. and was asked if I would be interested in building and integrating into WordPress their responsive redesign for their new company website. And so I did that, and now it’s all up in your internetz. It’s nice...
In my spare time recently I’ve been working on a experimental little side project which provides pretty much no beneficial outcome to anyone who would use it; I call it: The Incredibly Annoying Search Engine. The idea came earlier this year when I became very frustrated...
If you’re making the most out of WordPress’s media gallery for adding images and auto-lovely thumbnails to your site, you may notice there’s no option for cropping your medium sized thumbs. As of WordPress 3.0.2 and earlier, only the WordPress Thumbnail image property includes the...
