Tag: touchscreen

Blog redesign: October 2012 edition

(Email and RSS subscribers will need to click through to see the change)

I’ve felt for a while that I should make this blog better suited to mobile interfaces and, in particular, touchscreen devices. This is known as responsive web design and I’ve been particularly impressed with Microsoft’s ‘Metro’ design language leading to a tiled approach on Windows smartphones. To my eyes it seems streets ahead of Apple’s skeuomorphism.

Yesterday, when I was browsing architecture blogs and came across the Contemporist site, it reminded me of that clean, touchscreen-friendly approach:

Contemporist blog

I did something I always do when I see blog themes I like: right-clicked to ‘View Source’ as you can tell which blog theme is being used. Judging by the CSS it’s a custom job, meaning I couldn’t simply download the same theme.

That was a shame, but it spurred me on to look for Metro-inspired blog themes. I was looking for something with a tiled, fairly squarish look but that didn’t scream Microsoft. Beautiful though it is, the Subway WordPress theme (from €39) was out of the question. I’d have looked like a Microsoft fanboi:

Subway Metro theme for WordPress

I also found the MetroStyle theme ($45), which I rejected for having too many boxes at the top:

MetroStyle WordPress theme

I downloaded and installed the WP Metro theme (£FREE), but I had trouble making it look decent with my content:

WP Metro theme for WordPress

In the end, after considering signing up to a course to get the Anaximander theme, I decided to pay $35 for a WordPress theme entitled Metro:

Metro theme for WordPress

Like many premium themes it comes with an extremely easy-to-use configuration dashboard in addition to the usual WordPress options. Nevertheless, old habits die hard and I delved into the CSS to tinker about a bit!

I hope you like what you see, and if you want to see the ‘responsiveness’ in action, either resize your browser window or visit this site on a mobile device. It’s only my first attempt – I’ll be tinkering around making improvements here and there over the next few weeks.

Any feedback is gratefully received!

Notes:

Weeknote #13

This week I have been mostly…

In the office

I had a rare week where I spent each day in the office. But then it’s August – not exactly busy time on the education and/or conference front…

Helping with #edjournal

I was pleased to be able to connect James Michie and Nick Dennis, who each independently came up with the idea for a learning-focused educational journal. They’ve run with the idea and #edjournal: where’s the learning? looks like it’s soon going to be a reality. I’m delighted! 😀

Setting up a touchscreen kitchen PC

This has been too long in coming, but finally we’ve got a solution for family organization and cohesion. I’ve sold some stuff on eBay and have bought an MSI Wind Top AE1900 touchscreen PC. It fits rather wonderfully in the kitchen. We’re using it for calendars (Cozi.com), news (newsmap.jp), music (Spotify) and  TV/radio (BBC iPlayer). It’s on been in there three days but now I can’t imagine life without it!

Watching the Wrestler

My Dad and I attempted to go and see The A-Team movie on Wednesday. Not a good time to go as Orange Wednesdays meant we couldn’t even get near the box office! We came back to my house and watched The Wrestler in our cinema room. What a powerful and well-written/directed/produced film! Moving.

Being lax on the exercise front

I only ran twice this week and did my weights once. Must. Do. Better. It really does affect my productivity! 😮

css.php