David Hutchison


This site was built as part of a self re-education in the world of basic web development. While the site has been built from scratch, over time it has been inspired and helped by many great open source projects and utilities.


Jekyll is a blog-aware, static site generator in Ruby

Jekyll is the underlying engine that generates the static HTML that drives this site. No database or dynamic language support is required to host this site. All pages are static HTML produced with a mixture of template and markdown files.

GitHub Pages

GitHub offer free hosting for sites that are either static or powered by Jekyll. On Jekyll powered sites a commit to the correct branch is all that is required to redeploy the site with updated changes. They also support custom domain names.

Kasper Theme for Jekyll

I came across this pretty late on, when I was pretty sure the layout of the site was finalised. I ended up redesigning the page footer and adding social share functionality based on it.

Font Awesome - The Iconic Font Designed for Bootstrap

The icons used in the social sharing section as well as the links to my profiles across the internet use this font instead of images. It is very easy to set up, although I am going to need to clean this up a bit as the LESS code is producing a lot of bloat in my CSS file.

Alphabetizing Jekyll Page Tags In Pure Liquid (Without Plugins)

I had created a rake based setup that would create a separate page containing the posts for a given tag. After stumbling across this on Twitter I have came to realise that the number of posts this site contains does not warrant that level of granularity. This previous setup also had the downside that every time a new tag was used I had to remember to run this rake task or the site would contain a broken link. I have made a tweak to the liquid code used (Original) so the sort is case-insensitive. My updated version is available here.

Jekyll-sitemap Plugin

The sitemap for this site is now produced by this plugin, thanks to Github pages now supporting it.

When viewing this site on a compatible desktop browser, the background uses the “Carbon” texture from this site. On browsers that do not support the radial gradients, it degrades gracefully to a solid background colour.

jekyll-compress - A pure Liquid way to compress HTML

This is a layout for Jekyll which removes all whitespace between block level elements. This reduces the size of the file that is to be served, and has other benefits. I wrote a post about this.


Affiliate links are used where applicable when referring to products. This in no way affects the content of this site. I do not have that nasty marketing gene.

  • DevWithImagination is a participant in the Amazon EU Associates Programme, an affiliate advertising programme designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.co.uk.