Menu

Permanent Tourist

A personal website by Mark Howells-Mead

Responsive Design

Technical case study: the SBB CFF FFS brand panel

Using modern web technologies to replicate the ubiquitous red panel used by Swiss railway company SBB CFF FFS.

Technical case study: Responsive images at Friendly Work Space

I’m not a fan of one-page websites, as a rule. But making sure that they load as quickly as possible goes a long way to making them acceptable.

Containers and modules in web design

Using modules in front end web programming to allow more flexibility and more independence from site layouts for content elements.

Percentage-based CSS column layouts

Laying out a page using percentage-based columns seems to be pretty easy. However, in responsive layouts, you’ll quickly run into problems if you don’t take legibility into account. The most obvious case is when the columns are predominantly text-based, where a suitable gutter between the columns is essential for the sake of legibility. (If you… (Read More)

How to create a web design for multiple devices – Part 1

The first in a series of posts outlining the basics of how designers can plan layouts for the widest possible range of internet-capable devices.

Shut up about responsive design

The term “responsive design” refers to the fact that a website is suitable for viewing on any device, from a smartphone to a super-sized t.v. screen. But is it actually important, nearly four years after the requirement became prevalent, that this term is still applied when selling a project to a client?

Technical case study: Bike To Work

Back in 2011, the organizers of Bike To Work Switzerland approached my employer !frappant Webfactory to re-develop their website and the participants’ admin system. I worked with a third-party usability consultant to re-think and re-design the project, before I carried out the design work in Photoshop and the team and I subsequently produced the website on the base… (Read More)

Breaking the mould for website navigation

The British Design Museum has announced its nominations for the 2013 Design Awards, amongst them the fascinating Rain Room und the latest Windows Phone. But the nomination which interests me the most is the British government’s website gov.uk. The website is the latest version which attempts to begin bringing all of the various government websites  under one roof;… (Read More)

Upright and proud

The new, re-designed website is now online and is automatically optimized for visitors with iPads and smartphones. One of the aspects of the design is an improvement to how images in vertical format are displayed.

Help navigating breakpoints when coding responsive layouts

If you’re like me, a web developer, and programme responsive web layouts using @media queries, you’ll often get lost knowing precisely which set of rules are currently applied to the page. Here’s a handy tip to make things easier.