Latest Posts



"RT @SoVeryBritish: Raising your eyebrows slightly to indicate the emotional roller coaster you're currently riding"

@ashleyford 3 days ago

"@Eva_Shaughnessy works for me..."

@ashleyford 2 weeks ago

Web design and development tutorials, scripts and downloads designed for beginners right through to advanced developers

Taking a look at Parallels Desktop for Mac

I’ve been using Parallels for a while now and it’s by far the easiest way to get Windows running on a Mac, and what’s more Parallels Desktop for Mac Business Edition adds centralized,¬†administration, management, and great security features, while still delivering the best¬†performance for the most seamless native solution [...]


Twitter CLI using “t”

I stumbled across this awesome command line interface that allows you to do some pretty cool stuff with Twitter. To get started you need to install the Ruby GEM. On Mac first check that you have Ruby installed. If you see something like this you’re good to go. However if you see the below you’ll need to head over here and install [...]


Browser Notifications API

The Notifications API lets a web page or app send notifications that are displayed outside the page at a system level. This lets web apps send information to a user even if the application is in the background or idle. It works in a similar way to Growl notifications. Each browser if supporting this feature will have their own design style. [...]


PHP array to CSV Function

Sometimes we need to export and convert data from a database into a CSV format that can be downloaded and manipulated for other purposes. This function will loop through the multi dimensional array and convert the data to CSV format and output the download to the browser forcing the headers to download the file. The Code


5 CodePens You Missed This Week

CodePen is a playground for the front end side of the web. It’s all about inspiration, education, and sharing. Here are a few awesome demonstrations of what you can achieve with CSS, HTML and JavaScript. Shapes Animation The Solar System Shattering Image Animated SVG Text WebGL Particle And Light Render


Mini Javascript Clock with jQuery

I was working on an interesting project where I thought a mini javascript clock would be awesome to display a user inputed time. I’m yet to fully implement it into the project at the time of writing but I wanted to share it. The HTML Simply setup the .clock div with our hands inside. You set the time for the clock using the data-hour [...]


D3.js Radar Chart Plugin

I’ve had a love hate relationship with D3 over the last few months, some things are incredibly easy to get your head around and other parts of the API are just mind bendingly bonkers. I recently had to create a radar chart using D3 and found this awesome plugin created by Alvaro Graves which allows you to create great radar charts like [...]


Simple CSS3 Animations

The days of static content are well and truly dead and buried, Halleluja for CSS3! Recently i’ve been using this snippet of CSS in most of my projects to add slick transitions on page load. You can even add the CSS classes to ajax loaded content and on show the animations will kick in. How To Use You have to add the ‘animated’ [...]


Gauge Bootstrap Theme

  I’ve been super busy over the last few weeks, and one of the things i’ve been working on is a theme for Twitter bootstrap. It includes the following features and is available for just $15! If you’ve not used Bootstrap you’re missing out, it takes all the heavy lifting out of frontend development. Gauge Admin [...]


Create an Animated Timeline with jQuery

I’ve been meaning to write about this plugin for some time but never got around to it until now! This great plugin written by helps you beautifully present timelines and has support for both horizontal and vertical layouts. jQuery Timelinr After including the timelinr.js plugin file, to get it working all you need to do is [...]