in Just Stuff

★ Accidentally making my website responsive

Ok so one of the reasons I wanted to move my website here back to a self-hosted one was so I could also focus on making the site responsive. Yep, I’ve gone down that pathway that so many other notable web folk have lately, specially after having a chunk of time on my hands recently allowing me to read Ethan Marcotte’s latest A Book Apart book Responsive Web Design. The basic takeaway from the book was to not limit your audience to a particular screen size or format, well at least that’s the message I took away from the book.

Anywho moving right along.

I figured whilst I was rustling up a custom responsive design I would just run with one of the default WordPress themes, Twenty Eleven, described as;

There are tons of really cool improvements and features packed into it — more Post Formats, beautiful new header images, alternate color schemes and layouts, even custom link colors. All those features add up to the best part of Twenty Eleven: just how customizable it is. It looks great as a blog, a showcase of all your posts, and even a tumblelog or photolog.

And what do you know, it’s actually responsive too, very responsive actually. No seriously, make your browser window smaller, watch everything resize dynamically to fit the screen, check it out on an iPhone (or an Android phone) and note that you get a real website and not a ‘mobilised’ version. Seriously this was a total accident, I had every intention to create something from the ground up but seeing as I’ve fallen into this design I think I might continue on down the pathway and see where it ends.

One of the biggest challenges I’ve found is locating all the photos and images I’ve used over the last 900+ articles so I can make sure they are posted in the right way, so they resize dynamically and don’t break anything. So far I’ve done one article, yep just one article. If you open up my Fettucini Carbonara Recipe article in Matt Kersley’s responsive testing tool you should see that everything resizes properly in the various screen sizes. Sure it doesn’t look the prettiest at 240px, but I think I can live with that.

So over the next couple of weeks I’ll be fervently updating all the images and videos here in order to achieve this responsiveness, it’s looking like it’s going to be a painful job considering I managed one article this afternoon….that said I actually know what I’m doing now so I should be able to move through it all pretty quickly.