Book Image

jQuery Mobile Web Development Essentials

By : Raymond Camden, Andy Matthews
Book Image

jQuery Mobile Web Development Essentials

By: Raymond Camden, Andy Matthews

Overview of this book

<p>jQuery Mobile is a unified, HTML5-based user interface system for all popular mobile device platforms. It is compatible with all major mobile, tablet, e-reader and desktop platforms like iOS, Android, Blackberry, Palm WebOS, Nokia/Symbian, and Windows Phone 7.<br /><br /><i>jQuery Mobile Web Development Essentials</i> will explain how to create mobile-optimized sites with the easiest, most practical HTML/JavaScript framework available and to add the framework to your HTML pages to create rich, mobile-optimized web pages with minimal effort.<br /><br />Throughout the book, you'll learn details that help you become a pro at mobile web development. You begin with simple HTML and quickly enhance it using jQuery Mobile for incredible mobile-optimized sites. Start by learning the building blocks of jQuery Mobile&rsquo;s component-driven design. Dig into forms, events, and styling, then finish by building native mobile applications. You will learn how to build websites and apps for touch devices such as iPhone, iPad, Android, and BlackBerry with the recently developed jQuery Mobile library through sample applications of increasing complexity.</p>
Table of Contents (19 chapters)
jQuery Mobile Web Development Essentials
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface

The visual building blocks of jQuery Mobile


As you've already seen, jQuery Mobile is very user friendly and pleasing to the eye. It makes good use of rounded corners, subtle gradients, drop shadows to make elements stand out from their surroundings, and other tricks that graphic designers have been using for years in print. But on the web, these effects were only possible with the use of images, or complicated and poorly supported plugins and applets.

With the advent of the Web 2.0 and CSS 3, all of these options have been made available to us, the layman web developers. Just remember that with great power comes great responsibility. jQuery Mobile operates on the principle of progressive enhancement. A tricky phrase but it just means that you should develop for the lowest common denominator and offer enhancements for browsers that understand them.

Luckily for us these stylistic additions are almost purely cosmetic. If a browser doesn't understand the border-radius declaration, then it simply...