Vapid Space

Stuff that doesn't matter. Some stuff that does. Some stuff that falls down the crack.

  • Code Coverage Metrics With Nodeunit

    Code coverage is a really useful metric when it comes to assessing how confident you are that your users will not hit any major bugs when they run the code. Getting code coverage stats with Node.js is seen as quite hard so I wanted to see if I could get...

    | 31 Jan 2014 | 0 Comments |

  • Continuous Deployment With Github Travis And Heroku

    For a project I am working on I really wanted to continuously deploy to heroku for testing. Continous deployment provides some real benefits when developing software, so I’m writing this up incase somebody else wants to have a go. This post assumes you already have a project setup in GitHub...

    | 29 Jan 2014 | 0 Comments |

  • Running Jasmine Tests With Grunt And Phantomjs

    Recently I have been getting into TDD/BDD. Specifically, writing unit tests with Jasmine. It got to the point where I had built up a selection of tests and the next step was to integrate them within the build process. I was already using Grunt for the project so it was...

    | 17 Jan 2014 | 0 Comments |

  • Moving Site To Github With Jekyll

    I have been making use of Github a lot recently and after getting the latest invoice from my current host I thought I would take a look at Github pages, initially because it was free. My main worry was the lack of server side scripting and database access. After doing...

    | 14 Jan 2014 | 0 Comments |

  • 5 Great Grunt Plugins

    I have been using Grunt quite a lot recently and really love the sheer volume and variety of Grunt plugins that have been developed. I thought I would pick a few that I really like and that others might not have heard of and may find useful. grunt-uncss This plugin...

    | 04 Dec 2013 | 0 Comments |

  • Create Command Line Tools With Node

    One of the lesser known features of Node is the ability to write command line utilities. This article aims to document the basics on how to go about creating and testing your command line utility. Setting up your project Starting with a blank folder, cd into it and then run:...

    | 04 Nov 2013 | 0 Comments |

  • Create Contacts List With Position Sticky

    I recently read that webkit/chrome have just implemented support for position:sticky so I thought I would have a go at writing something quick to see it in action. Whilst scrolling through my contacts list on my mobile I realised that Android uses a sticky header to separate contacts so I...

    | 06 Oct 2012 | 0 Comments |

  • Setup Remote Debugging For Chrome Mobile

    Imagine the scenario. I have a new site. I have a bug with my css that shows itself only on mobile browsers and I need to debug it and fix it. My current workflow is: Upload a possible fix. Clear the cache Check Again. It still doesn’t work properly. Repeat....

    | 23 Sep 2012 | 0 Comments |

  • Converting Images To Grayscale Using The Canvas

    I was interested to see how easy it is to manipulate images using the canvas. To demonstrate some of the functionality I set about creating a small little applcation that converts an image to grayscale. It consists of two canvas elements, one for the source image and one for the...

    | 26 Feb 2012 | 0 Comments |

  • Create An Image Carousel Using Css3

    Recently I have been strolling around the web looking at CSS3 animations and have been blown away by what people have been doing with it. So I decided I ought to give it a go and see what it’s like to work with. It turns out its dead easy despite...

    | 12 Feb 2010 | 0 Comments |