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...
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...
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...
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...
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...
Coming from a mainly PC background I rarely had any problems setting up a local version of a WordPress install through XAMPP, however, doing the same on a Mac seems far more problematic. The problem comes when trying to auto-update my local WordPress install along...
Like many web designers, I like the ease and the simplicity of CSS and have been very much of the thought; “if it ain’t broke, don’t go making it complicated”. That is until recently where I’ve found myself repeatedly writing 5 lots of vendor prefixes...
This handy code snippet hooks into WordPress’s image_downsize function and removes the hardcoded img attributes width & height, allowing images to scale with responsive websites: In your functions.php file… /** * This is a modification of image_downsize() function in wp-includes/media.php * we will remove all...
To celebrate – if that’s the right word, hopefully it will be – the beta release of IE9… One of my favourite designers, Brooklyn’s Jason Santa Maria helped put together a pretty little thing called Lost Worlds’ Fairs, celebrating the latest web-design technologies and giving...
Sex sells. Even veraciously homoerotic tongue-in-cheek sex. This post is a quick love letter to Cypher13, a design team who aren’t afraid to let it all hang out. As a web designer chap, I spend as much time as I can find looking around the...
Hello campers. I went to the Speak The Web conference in Manchester’s Noho (that’s in Northern Quarter, yeah?) this week, to hear internet luminaries wax lyrical about their prospective fields and the future of net-land. The event included talks from Ben Childs (mobile web development...
I have grown a moustache. Hear me roar. Cuckoo Design (the company I worked for) took part in ‘Tacheback ’09… a whole month of not shaving the top lip in aid of the Everyman charity… or just an excuse to grow a large, flowing, incredibly...
