Book Image

jQuery Mobile Web Development Essentials - Second Edition

By : Raymond Camden, Andy Matthews
Book Image

jQuery Mobile Web Development Essentials - Second Edition

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 the most practical HTML/JavaScript framework available today. In this tutorial, you will learn how to use jQuery Mobile with your HTML pages, and create mobile friendly websites in no time.</p> <p>jQuery Mobile Web Development Essentials - Second Edition will explain how to add the framework to your HTML pages to create rich, mobile optimized web pages with minimal effort. By using simple data attributes, you can quickly create mobile pages and other widgets. You'll see how each widget works, with the help of detailed examples and screenshots.</p> <p>jQuery Mobile Web Development Essentials - Second Edition is packed with examples that will help you become a pro at mobile web development. We will begin with simple HTML, and quickly enhance it using jQuery Mobile for incredible mobile optimized sites.</p> <p>We start off by learning the building blocks of jQuery Mobile’s component driven design. We then dig into forms, events, and styling. You'll see how jQuery Mobile automatically enhances content, and learn how to use the JavaScript API for building complex sites. Along the way, we will leverage all these concepts, and build three sample mobile applications.</p>
Table of Contents (20 chapters)
jQuery Mobile Web Development Essentials Second Edition
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
Index

Chapter 3. Enhancing Pages with Headers, Footers, and Toolbars

Toolbars provide a simple way to add navigation elements to a mobile website. They can be especially useful for consistent or site-wide navigation controls that users can always refer to when navigating through your application.

In this chapter, we will perform the following steps:

  • Talk about how to create both headers and footers

  • Discuss how to turn these headers and footers into useful toolbars

  • Demonstrate how to create fixed positioned toolbars that always show up, no matter how large the content of a particular page is

  • Show an example of navigation bars