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…]