Chapter 7. Mobile Web Apps in the Real World: Super mobile web apps

image with no caption

The mobile web feels like that gifted kid in the class. You know, kind of fascinating, capable of amazing things, but also a mysterious, unpredictable troublemaker. We’ve tried to keep its hyperactive genius in check by being mindful of constraints and establishing boundaries, but now it’s time to capitalize on some of the mobile web’s natural talents. We can use progressive enhancement to spruce up the interface in more precocious browsers and transform erratic connectivity from a burden to a feature by crafting a thoughtful offline mode. And we can get at the essence of mobility by using geolocation. Let’s go make this a super mobile web app!

It looks nice...

Now that we’re done with phase 1, the Tartanator has that mobile-web-app sheen.

image with no caption

It talks the talk...

There are buttons. And navbars. And cool page transitions. We’re loading content selectively with AJAX. We’re reducing bandwidth, requests, and JavaScript DOM processing. And jQuery Mobile is helping to make our HTML5 form elements look and feel mobile friendly.

image with no caption

Take heart. It may seem like building phase 1 was full of sound and fury, signifying nothing. But we’ve laid ...

Get Head First Mobile Web now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.