Book Image

Creating Mobile Apps with jQuery Mobile

By : Shane Gliser
Book Image

Creating Mobile Apps with jQuery Mobile

By: Shane Gliser

Overview of this book

<p>jQuery Mobile is a touch-optimized web framework (also known as a JavaScript library or a mobile framework) currently being developed by the jQuery project team. The development focuses on creating a framework compatible with a wide variety of smartphones and tablet computers made necessary by the growing but heterogeneous tablet and smartphone market. The jQuery Mobile framework is compatible with other mobile app frameworks and platforms such as PhoneGap, Worklight, and more.<br /><br />Creating Mobile Apps with jQuery Mobile reflects the author’s years of experience and exposes every hidden secret which will ease your mobile app development. With just a smattering of design and user experience thrown in, going through this book will allow you to confidently say, “yes, I can do that.”<br /><br />We’ll start out with effective mobile prototyping and then move directly to the core of what every one of your mobile sites will need. Then, we’ll move on to the fancy stuff.<br /><br />After creating some basic business templates and a universal JavaScript, we will move into the more interesting side of mobile development but we always try to keep an eye on progressive enhancement. jQuery Mobile is all about reaching everyone. So is this book.<br /><br />"Creating Mobile Apps with jQuery Mobile" will take your basic mobile knowledge and help you make versatile, unique sites quickly and easily.</p>
Table of Contents (17 chapters)
Creating Mobile Apps with jQuery Mobile
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Mobilizing full-site pages – the hard way


Why would we do it the hard way? Why? Really there's only one good reason: to keep the content on the same page so that the user doesn't have one page for mobile and one page for desktop. When e-mails and tweets and such are flying around, the user generally doesn't care if they're sending out the mobile view or the desktop view and they shouldn't. As far as they're concerned, they're sending content to someone. This is one of the prime arguments for responsive design. But don't worry, we'll take this this into consideration later when we do things the easy way too.

Generally, it's pretty easy to tell what parts of a site would translate to mobile. Almost regardless of the site layout there are data attributes you'll be throwing onto existing tags to mobilize them. When jQuery Mobile's libraries are not present on the page, these attributes will simply sit there and cause no harm. Then you can use one of our many detection techniques to decide when...