Paul Hayes

Design

Thoughts on Responsive Enhancement

At AsyncJS in Brighton last night, Jeremy Keith gave an overview of “Responsive enhancement” — adapting a layout in response to browser or device capabilities. After considering why fixed width designs are so prevalent, via a brief history lesson, we delved into the tools and methods by which a truly responsive design can be implemented, focussing primarily on size constraints but also touching on troubles surrounding speed.

A new look, and a new domain

It’s been almost a year since my last post. In that time I’ve moved house, changed jobs and got married, it’s been a bit of a whirlwind. And the web has moved fast as well, CSS and canvas experiments have been popping up all over the place (see delicious.com/fofr/css3 for my favourites). Inevitably coming back to “FofR Online” after such a long period I wasn’t happy with the site, and I’ve committed the web faux pas of changing the design and the domain name at the same time.

Creating the first design

For the default FofR Online theme, I have chosen a simple appearance that focuses on the beauty of fonts and typography. The header uses a sans-serif font, on OS X this will be Helvetica Neue, on Windows the CSS font stack allows the design to fall back to the more common Arial, plain old Helvetica isn’t used because some Windows machines have a terrible low quality version installed. The content area is distinguished with a serif font, for the time being, Times New Roman.

Let’s get the ball rolling

This blog has been devised as a spring board for my ideas whilst serving as a professional outlet for my skills, thoughts and collaborations. If I were to include some buzz words in this opening blurb to describe the content I’ll endeavour to put here I might include; CSS3, HTML5, Information Architecture and User Experience.