Book Image

jQuery Mobile Cookbook

By : Chetan Jain
Book Image

jQuery Mobile Cookbook

By: Chetan Jain

Overview of this book

jQuery Mobile is an award winning, HTML5/CSS3 based open source cross-platform UI framework. It offers a very cool and highly customizable UX. It is built on the popular jQuery library and uses declarative coding making it easy to use and learn. It is the market leader today considering the numerous browsers and platforms that it supports."jQuery Mobile Cookbook" presents over a hundred recipes written in a simple and easy manner. You can quickly learn and start writing code immediately. Advanced topics such as using scripts to manipulate, customize, and extend the framework are also covered. These tips address your common everyday problems. The book is very handy for both beginner and experienced jQuery Mobile developers.You start by developing simple apps using various controls and learn to customize them. Later you explore using advanced aspects like configurations, events, and methods.Develop single and multi-page applications. Use caching to boost performance. Use custom transitions, icon sprites, styles, and themes. Learn advanced features like configurations, events, and methods. Explore future trends by using HTML5 new features and semantics with jQuery Mobile."jQuery Mobile Cookbook" is an easy read and is packed with practical tips and screenshots.

Related Content you might be interested in

Current Title:

Small book image
jQuery Mobile Cookbook
Chetan Jain
Nov, 2012 | 320 pages
No titles found
Table of Contents (19 chapters)
jQuery Mobile Cookbook
jQuery Mobile Cookbook
Credits
Credits
About the Author
About the Author
Acknowledgement
Acknowledgement
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Get Rolling
Get Rolling
Introduction
Writing your first jQuery Mobile application
Using JS Bin to create a simple application
2
Pages and Dialogs
Pages and Dialogs
Introduction
Writing a single-page template application
Writing a multi-page template application
Prefetching pages for faster navigation
Using the DOM cache to improve performance
Custom styling a dialog
Using CSS to create a bouncing page transition
Using JS to create a slide and fade page transition
Using data-url to handle the login page navigation
Using History API to create a custom error pop up
3
Toolbars
Toolbars
Introduction
Using fullscreen fixed toolbars
Using persistent navbars in toolbars
Customizing the header with multiple buttons
Adding a customized round button to the header
Adding an image to the header
Adding a customized back button
Adding a layout grid to the footer
4
Buttons and Content Formatting
Buttons and Content Formatting
Introduction
Scripting a dynamically added button
Using a custom icon in a button
Adding a custom icon sprite
Replacing the default icon sprite
Using alternate icons in a collapsible
Creating a nested accordion
Creating a custom layout grid
Using XML content
Using JSON content
5
Forms
Forms
Introduction
Native styling of form controls
Disabling text controls
Grouping radio buttons in a grid
Customizing a checkbox group
Creating dynamic flip switch and slider controls
Using options to auto-initialize a select menu
Validating forms
Submitting a form using POST
Fetching data using GET
Creating an accessible form
6
List Views
List Views
Introduction
Using inset and non-inset lists
Creating a custom numbered list
Using a nested list
Using a read-only nested list
Formatting content in a list
Using a split button list
Using image icons
Creating a custom search filter
Modifying a list with JavaScript
7
Configurations
Configurations
Introduction
Configuring the active classes
Configuring ajaxEnabled
Configuring autoInitializePage
Configuring the default transitions
Configuring ignoreContentEnabled
Configuring the page loading and error messages
Configuring the default namespace
Configuring hashListeningEnabled and subPageUrlKey
Configuring pushStateEnabled and linkBindingEnabled
8
Events
Events
Introduction
Using orientation events
Using scroll events
Using touch events
Virtual mouse events
Page initialization events
Page load and remove events
Page change events
Page transition and animation events
Using layout events
9
Methods and Utilities
Methods and Utilities
Introduction
Using loadPage() to load a page
Using changePage() to change a page
Using jqmData() and jqmRemoveData()
Using jqmEnhanceable()
Using jqmHijackable
Using $.mobile.base
Parsing an URL
Using $.mobile.path utility methods
Using silent scrolling
10
The Theme Framework
The Theme Framework
Introduction
Theming a nested list
Using a custom background
Using custom fonts
Styling corners
Overriding the global Active State theme
Overriding an existing swatch
Using the ThemeRoller tool to create a swatch
11
HTML5 and jQuery Mobile
HTML5 and jQuery Mobile
Introduction
Using the new HTML5 semantics
Improving speed and taking your application offline
Using Web Workers for intensive tasks
Using local and session storage
2D drawing with Canvas
Applying Gaussian blur on a SVG image
Tracking your location with the Geolocation API
Playing music with the <audio> element
Viewing videos with the <video> element
Index
Index

About the Reviewers

Shaun Dunne is a Developer working for SapientNitro in London, UK, and has been coding since 2008 with a passion for JavaScript and all the front-end goodness. Working for a large agency over the past few years, Shaun has had the chance to use various web technologies to build large scale applications, and found a passion for getting other people excited about the web.

Shaun has been hacking the mobile web for a couple of years, trying and testing all the tools available and sharing his discoveries where he can, to ensure that others are aware of what is available to use and in what situation.

When he's not working or spending some family time with his kids, he can usually be found on the web, tinkering, blogging, and building things. He's currently working on his own book, a self-published title about SASS and Friends called UberCSS, which is due to be released in the winter of 2012.

Ankit Garg is a Front-End Developer at iGate Global Solutions. He likes to call himself a Mobile Web Application Developer, a JavaScript Developer, and a blogger.

He likes reading, practicing, and blogging new things in the Mobile Web and JavaScript space. If you would like to reach him, send him an e-mail to .

Yousef J. Jadallah is a software developer. He has good hands-on experience of web and .NET technologies, such as ASP.NET, SQL Server, AJAX, ASP.NET AJAX, C#,VB.NET, jQuery Mobile, HTML5, Web Services, and REST.

He spends most of his leisure time helping the communities on Microsoft technologies, specifically in the Microsoft official forum. He is honored with the Microsoft Community Contributor Award - 2011 (CCA).

He is from Jordan. You can contact with him through his blog: http://weblogs.asp.net/yousefjadallah.

Previous Section
Next Chapter