Responsive Design

The term “responsive design” applies to web design principles, when a website is optimized for viewing on any device, from a smartphone to a super-sized t.v. screen.

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.

28th September 2016 | Read more »

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.

17th August 2015 | Read more »

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.

29th June 2015 | Read more »

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…

20th December 2013 | 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.

20th November 2013 | Read more »

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?

19th November 2013 | Read more »

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…

10th July 2013 | 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…

10th April 2013 | 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.

2nd December 2012 | Read more »

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.

27th November 2012 | Read more »

The Six Year Itch

I have finally been able to completely re-build this website from the ground up, using responsive design principles and many new features. This first technical post summarizes the reasons behind the need for a new version.

20th November 2012 | Read more »

Good things

Cool new techniques for creating responsive websites and for saving you loads of time when writing CSS are helping me to rebuild the technical infrastructure of this (and other) websites.

14th September 2012 | Read more »

Flexible by default

One of the great things about being responsible for the technical direction of a team of developers is that you get to bring your ideas to a project and, in many instances, try out new techniques which would otherwise only be seen on a personal website or blog. I wrote at the beginning of the year about the Burson-Marsteller EMEA websites, which I programmed and produced for my previous employer using Wordpress, a lot of long days and troublesome code reviews, and the knowledge I've gained over the past goodness knows how many years of programming for blog websites. The result was a whole year's worth of coding experience, which stood me in good stead for getting back into the stream of web development.

12th December 2011 | Read more »

Standards-based, cross-platform web development is the future

If you're a web developer, checking that you use the standards of the web and valid code will make your life infinitely easier. By planning now for a standards-based future and focusing on HTML5 and its associated technologies, you'll be building for the future: not just saving yourself time, but also making sure that the work you do can be completed efficiently and with less fuss. As any developer knows, this is the most valuable aspect of any plan for the future in their eyes.

10th November 2011 | Read more »

Responsive design using CSS and Javascript

I wanted to make my first foray into HTML5, improve my dynamic scripting skills, and turn the WordPress knowledge I gained during the EMEA project for Burson-Marsteller to my own advantage at the end of 2010, so I re-designed and re-programmed my online portfolio using the most up-to-date techniques possible.

24th January 2011 | Read more »