Category Archives: Responsive Design

Installing a responsive theme

The previously installed Basic Maths theme did not work as well as I hoped. Its layout did change depending on the device you used to view it. But somehow it seemed clunky (that’s a technical term). So I’ve reinstalled WordPress’s TwentyTen theme, plus added a child theme that is responsive to the viewing device. Aptly named “Responsive Twenty Ten,” it does the job.

Mobile menus

Site menus as they appear on iPhone

Not what I expected

I’m not quite sure what I had expected, but this is how the site appears on my iPhone. The menus don’t scale down; instead they wrap and stack down the screen. This underscores the main point of the “Mobile First” approach to building sites. I downloaded Luke Wroblewski’s book to my iBook shelf as soon as A Book Apart released it, but I’ve been reading Responsive Web Design by Ethan Marcotte, so hadn’t gotten to it yet. Seems like I’ll need to read them simultaneously.

[Update: I’ve since realized that stacking menu items for the phone view is pretty standard. Still, it seems like there’s probably an more elegant solution where those items would scale down at least a bit. To be continued…]