O'Reilly logo

Head First Mobile Web by Jason Grigsby, Lyza Danger Gardner

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required