Book Image

Creating Mobile Apps with jQuery Mobile - Second Edition

By : Andy Matthews, Shane Gliser
Book Image

Creating Mobile Apps with jQuery Mobile - Second Edition

By: Andy Matthews, Shane Gliser

Overview of this book

<p>jQuery Mobile is a mobile-centric web framework developed by the jQuery team. The project focuses on building a framework compatible with the ever-increasing variety of smartphones and tablet computers on the market. The jQuery Mobile framework plays well with other frameworks and platforms, such as PhoneGap and Backbone.</p> <p>Automate repetitive tasks easily and painlessly with the Grunt task runner, build a fully responsive, gorgeous photography website, and learn how to mix and match jQuery Mobile 1.4.5 into existing websites and how to deploy those changes to content management systems such as WordPress, Drupal, and HarpJS. jQuery Mobile aims to reach everyone, and so does this book. It will enhance your mobile knowledge and help you to create versatile, unique sites quickly and easily.</p>
Table of Contents (18 chapters)
Creating Mobile Apps with jQuery Mobile Second Edition
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
Index

Linking to phones, e-mails, and maps


Mobile browsers have a distinct usability advantage. If we want to link to an e-mail address, the native e-mail client will instantly pop up. The following code is an example:

<a href="mailto:[email protected]">email me</a>

We can do the same thing with phone numbers and every device will instantly pop up an option to call that number. This is the functionality unmatched on desktops, since most do not have telephony. Here is the href element from the preceding code:

href="tel:+18167816500"

Maps are another specialty in mobile, since virtually, all smart phones have built-in GPS software. Link to Google Maps, and the users will be shown the web view and prompted to open it in Google Maps for iOS, as shown in the following screenshot:

Here's the href attribute for the maps link which is just a standard link to Google Maps:

href="https://maps.google.com/maps?q=9771+N+Cedar+Ave,+Kansas+City ,+MO+64157"

In iOS and Android, the OS will intercept...