16th July, 2010

Carry On Responsively

Whilst my days are mostly spent chained to the desk, my blog is out there throwing it about. Never more so than the last few weeks, now that it’s wearing all this new-fangled responsive design stuff under its drawers. Well, I think it’s “adaptive”, not truly responsive, but anyway.

Big Web Harlot

Take late June, for example. To my surprise, there it was—my site—tarting itself all over episode nine of The Big Web Show like a common hussy. Voyeuristically, I watched as Messrs. Zeldman, Benjamin and Marcotte fawned over it’s newly-installed adaptive charms, whilst I was sat here earning a living. Same for poor old Jon Hicks. Whilst he was up at the mill grafting, Hicksdesign was flaunting itself on the same show, happily flashing its media queries to anyone who cared to look. The floozie.


Hot magazine action

Fast-forward to mid-July, and issue 205 of .net magazine has just landed on the cat (which is it’s own fault for sleeping by the front door). As usual, I’m too busy to sit and read the magazine properly, so I do a quick skim, which is a sort of “will I actually read it this month, or will I forget again because nothing is immediately grabbing me” exercise.

And what do I see? My site. Again. This time it’s that Aaron Gustafson chap, literally pimping my site out to all and sundry across four pages of hot kiss-and-tell media query exposé. The cad! It’s disgusting. There is mind-boggling iPad-on-iPhone action with every page turn.


But it feels so good…

Ok, I admit it. I knew that Gustafson had in fact propositioned my site a few months ago, seducing it with tantalising offers of yet more fame and notoriety. Apparently, due to it’s rigid grid structure, it was ripe for turning into a very flexible website that would assume the appropriate position for any device it encountered. Shocking.

So, Gustafson had his way with it. Over several days he forcibly manipulated the layout with CSS media queries, and in turn created initial dynamic layouts for certain desktop browser widths, and various orientations of iPad and iPhone. Then I had a go on it. He sent me the stylesheet, so all I had to do was fiddle with it a bit until the layouts worked for all my pages.


So, I’m just as guilty, truth be told. I’ve published various shots from every angle on this Flickr redesign set, and actually feel somewhat proud of my site’s responsive leanings. I’d go so far as to encourage everyone to take a peek at media queries, and get a good grasp of responsive design.

Go on, you know you want to…

If you think you can handle it, you should take a sneaky peek at Marcotte’s responsive design article, try out my site and also Hicksdesign on all your Apple devices, watch episode nine of the Big Web Show, and read Gustafson’s four-page in .net magazine.

net magazine

It’ll keep your relationship with your website fresh, and breathe new life into how you grow old together. If you love something, set it free.


Prev / Next


If you enjoyed this article, please subscribe to my Internet of Natural Things letter, and maybe grab the RSS feed. Thank you.