Usable layout (responsive design)

I originally wrote this post in June 2010 on my Wordpress blog. I like to think it was before the internet caught onto the idea of responsive design. I’m now re-posting it on Tumblr (My wordpress has been decommissioned).

I was playing around with “usable layout” as I called it, the main features being:

• The main content area is the right width for easy reading (set in “em”s) - see this article
• Right and left columns wrap to above/below the main content when there is no longer space for them

Here are my initial designs:

• http://static.robinwinslow.co.uk/usable-layout/2-column.html
• http://static.robinwinslow.co.uk/usable-layout/3-column.html

I’ve since made other designs that follow the same idea:

• http://static.robinwinslow.co.uk/oilgreen/index.html