Useful Links For Mobile Web Development

I’ve been working on a new mobile version of casjam.com (expected launch later this week) and I’ve been doing quite a bit of research into mobile web development.

I’m very excited about the possibilities for the mobile web.  I’m particularly interested in browser-based websites and web-apps designed specifically for mobile.  I believe the mobile browser—not downloaded apps—is where we’re seeing the most potential for innovation and widespread adoption.  Utilizing today’s web technologies like HTML5 and CSS3, we can produce amazing hand-held experiences, expose them to more devices simultaneously, and skip the hassle, wait, development challenges, and costs of releasing an app in the respective app stores of Apple, Android, Blackberry, and others.

One example of a cool mobile browser-based innovation is the Chalkboard app from 37 Signals.  Check it out on your iPad.

So here are a couple links I found to be incredibly useful in my process of teaching myself all I can about the mobile development process:

Browser Testing For Mobile Applications – Great guide for setting up testing environments for various popular mobile devices/platforms.

Choosing The Right Platform For  Your Mobile Website – Useful table listing the most popular mobile devices with the relevant tech specs for each like browser technology, resolution, supported features, etc.

Hardboiled CSS3 Media Queries – Useful template for setting up your CSS heirarchy to target specific devices.

Responsive Web Design – I’m sure most of you have seen this gem from A List Apart by now… This single article has become one of the most widely adopted authority on the theory and process of designing for the mobile web.