The blog of William Barton, an interaction design expert and front end developer with a keen interest in usability and accessibility.

Pillow OSX error

18 March 2015

Got an error installing pillow on OS X, error below:

A New Blog

18 March 2015

I have decided to start over and move to using Jekyll to mange this site.

Graceful Degradation vs. Progressive Enhancement

15 July 2012

When it comes to responsive web design and at which end of the design you should choose it is between Graceful Degradation and Progressive Enhancement

Why Responsive Web Design

6 June 2012

In a blog post titled “Responsive design — harnessing the power of media queries” Google address responsive web design its growing popularity and how in recent years they have found an increase in traffic from mobile devices to many sites. They consider theses nuber to be significant an have set out to cater for this group of browsers.

Bottom up

2 June 2012

What I have often found is that I am designing a full screen website and then once complete designing every break point down to a mobile website and then in the CSS allowing for bottom-up design when in fact according to Jeffery Zeldman what I should be doing is starting from the bottom and working up designing the website for mobile without thinking about the final design for desktop computers.

The Designer and the Grid

1 June 2012

The Designer and the Grid by Lucienne Roberts and Julia Thrift begins with a history of grid layout and places its conception in about 1450 following the introduction of printing from moveable type in Europe. Grids were born from necessity, pages needed structure and multiple pages needed consistency.


28 May 2012

The problem with mobile specific websites is that they often display duplicate content, responsive web design helps to solve that problem by creating a website that works for all devices. Long term this mean less maintenance because there is only one web site instead of two, also URLs are not different which can allow for better sharing capabilities.

Bottom Up

19 May 2012

CSS renders from top to bottom hence cascading style sheet. The style sheet is referenced at the start of the markup in the head. The reason for this is the sooner it is referenced the sooner the browser can begin to render the website. This stops the flash of unstyled content (FOUC), a problem more commonly associated with a slower Internet connection. Like mobile data connections?
There is another exploit of CSS that can benefit the mobile user, start small.
Declare the styles for mobile browsers at the start of the CSS, this stops the browser reading and rendering the full site before the mobile site. Then using media queries to build on the design and optimise it for larger screens.

Grids: A change of thought

2 May 2012

For some graphic designers, it has become an unquestioned part of the working process that yield precision, order, and clarity.

For others it is symbolic of Old Guard aesthetic oppression, a stifling cage that hinders the search for expression.

Timothy Samara in Making and Breaking the Grid


10 April 2012

For the next couple of days/week I have decided to apply my attentions to reading. My chosen area? Traditional layout design.