Monday morning sponge episode three, this week the theme is mobile devices. It’s been too long since I last posted a sponge article but not from lack of wanting to. On the contrary February has flown by! But this sponge topic has been a long time coming…
Over the past few months I have been learning a lot about mobile web development and testing, from simple media queries (checkout this sites CSS) to learning my way around the Android SDK. Hopefully I can share some of the sites I have bookmarks along the way.
This series “Considerations for Mobile Design” aims to help experience designers understand how the transition to mobile affects their audience and, in turn, their designs. There is so much to consider before even touching any HTML. Hopefully this series will highlight some of those things.
This post is a continuation of the series, “Considerations for Mobile Design”. This time it looks at mobile device dimensions.
A library of information from Apple documenting guidelines for optimising web content for WebKit enabled mobile devices.
A great article from A List Apart with tips for improving your web site for the iPhone.
A great article pointing out things to consider when building a mobile site, including a look at media queries and device orientation.
A great article discussing how to make your websites ready for mobile using the meta viewport attribute and media queries.
Not that the iPhone is the only mobile device out there, but here is some more tips for building a site optimised for the iPhone and other modern WebKit enabled devices.
This article focuses on three phases of building and optimizing your website: design, coding and testing.
The mobiReady testing tool evaluates mobile-readiness using industry best practices & standards.
Mobile checking tool from the W3C. Simply drop in the address of your site and you can find out how well your site performs.
Opera mini might not be the most popular mobile browser currently in circulation but it is still worth testing as it is popular on older mobile devices.
A great list of mobile device emulators that can be used for testing a site. Very handy if you do not have some of the more popular mobile devices available to test with.
This showcase presents several interesting, interactive and beautiful designs that are optimized for the mobile devices, in particular the iPhone. There are also some useful tools at the bottom of the article if you are interested in optimising your own site.
Book by Cameron Moll – A web standards approach for delivering content beyond the desktop. I would recommend downloading the free chapter that is available if nothing else!