Colophon

Grid

The grid system used on this site is based on the 960 grid system and utilises a 16 column grid.

Elastic Design

The site is designed to be elastic, meaning when you resize the text using the ‘control’ and ‘+’ or ‘-’ keys (Windows) or ‘Apple’ or ‘cmd’ and the ‘+’ or ‘-’ (Apple Mac) keys, the site scales and stretches to fit.

It works by sizing all elements with em’s. The quote below explains exactly what an em is and why it can be beneficial.

“A pixel is an unscalable dot on a computer screen, whereas an em is a square of its font size. Because font sizes vary, the em is a relative unit that responds to users’ text-size preferences.”
Patrick Griffiths, A List Apart.

Typography

Type is set in Helvetica and Georgia, falling back on Arial and the generic Serif font installed on the host device respectively.

jQuery and JavaScript

Jquery is the JavaScript library I am using on the site. Unobtrusive JavaScript and progressive enhancement is used throughout the site, so everything will work just fine with JavaScript turned off, albeit with less eye candy, bells and whistles!

CMS

WordPress is the CMS used on this site.

Graphics

All graphics elements are by me and copyright myself – so don’t steal!

The one exception of the Social Network Icon’s on the About page which are by Komodo Media, Rogie King and licensed under a Creative Commons Attribution-Share Alike 3.0 Unported License. Based on a work at www.komodomedia.com.

Video

All video is in Adobe Flash format as this is the most commonly used video format on the web and HTML5’s video tag still has limited and conflicting support.

Markup & Semantics

The markup language for the site is HTML5 using the semantic id and class system discussed by Eric Meyer, Andy Clarke and Tantek Çelik

CSS

All CSS on this site…

Accessibility

The site has a dedicated accessibility page here