Mastering jQuery Mobile电子书

Mastering jQuery Mobile

Table of Contents

Mastering jQuery Mobile

Credits

About the Authors

About the Reviewers

www.PacktPub.com

Support files, eBooks, discount offers, and more

Why subscribe?

Free access for Packt account holders

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Errata

Piracy

Questions

1. Getting Started

Overview

Installing XAMPP for Windows

Installing XAMPP for Mac OS X

Installing Aptana Studio

Downloading jQuery Mobile

Using the framework via the CDN

Google's CDN

Microsoft's CDN

jQuery's CDN

Seeing the framework in action

Summary

2. Tools and Testing

Overview

Theming with jQuery ThemeRoller

The basics

Rolling into your own theme

Inspector

Preview

Color

Tools

Creating a theme

Using Aptana Studio 3

The interface

Toolbar

Project Explorer

Console, terminal, and problems

The Editor window

Suggested customizations

Creating a new project

Testing with Screenfly

The interface

More information

Summary

3. Mobile Design

Overview

Responsive web design techniques

Flexible layouts

Images

Media queries

Media queries in action

Feature detection with Modernizr

Getting started

Testing for geolocation

Testing for web storage

Device detection with WURFL

Getting started with the ScientiaMobile cloud

Device detection example – tablet brand

RESS introduction

Getting started with RESS

Summary

4. Call to Action – Our Main Project

Overview

Pages

Panels

Popups

Toolbars

Creating a Home button

Navbars

Summary

5. Navigation

Overview

Links and page navigation

Ajax page linking

Non-Ajax page linking

Multipage document linking

Working with transitions and effects

Navigating with swipe gestures

Working with page loaders

Summary

6. Controls and Widgets

Overview

Widgets

Input with touch

Working with plugins

Accessibility

Summary

7. Working with Data

Overview

Setting up our database

A dab of PHP

Fetching data

Displaying information

Some more PHP

Forms and validation

Inserting data into the database

Summary

8. Finishing Touches

Overview

Creating custom icons

Introduction to Cordova

Configuring Cordova

Step 1 – install XCode

Step 2 – the iOS SDK

Step 3 – install Command Line Tools

Step 4 – install Android SDK

Step 5 – install Apache Cordova

Notifications

Geolocation

Offline storage

Local storage

WebSQL database

Summary

9. The Next Level

Overview

Working with Node.js

Getting started

Creating a starting JavaScript file

Creating our jade views

Creating our routes

Working with RequireJS and Backbone.js

Building a WordPress mobile theme

Getting ready

Creating the style sheet

Creating the header file

Creating the footer file

Creating the function file

Creating the index file

Seeing the theme in action

Summary

10. Mobile Best Practices and Efficiency

Best practices for design and layout

Icon size

Designing with Photoshop

Fluid design

Avoiding fixed footers or headers

Avoiding tables

Dialogs and popups

Forms

Best practices for images

Don't use images at all

Optimizing images

Image sprites

The same image set for retina and non-retina devices

Lazy loading

Best practices for CSS

Customizing the jQuery Mobile download

Removing unused CSS

Combining multiple CSS files

Minify and gzip

jQuery optimizations

Selector caching

Script files at the end or in the head?

Combining the JavaScript files

Using the latest jQuery version

jQuery Mobile custom build

Don't always use jQuery

Minify and gzip

jQuery Mobile optimizations

A multipage template

Prefetching pages

Server-side processing for single-page templates

Pre-enhanced markup

Using data defaults

Number of widgets on a page

Limiting the size of widgets

Performance tools for optimization

The Google Chrome developer tools

Firefox tools and the Firebug plugin

Remote debugging on Android

Remote debugging on iOS

The Google PageSpeed tools

Summary

Index