jQuery Mobile Cookbook
Chetan K. Jain
Chetan K Jain, "jQuery Mobile Cookbook"
English | ISBN: 1849517223 | 2012 | 320 pages | PDF | 4 + 8 MB
Over 80 recipes with examples and practical tips to help you quickly learn and develop cross-platform applications with jQuery Mobile
Create applications that use custom animations and use various techniques to improve application performance
Use and customize the various controls such as toolbars, buttons, and lists with custom icons, icon sprites, styles, and themes
Write simple but powerful scripts to manipulate the various configurations and work with the events, methods, and utilities which are provided by the framework.
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.
What you will learn from this book
Use fixed and full screen toolbars, navbars, and buttons; customize them with your own icons, icon sprites, and styles
Use XML and JSON data in your application; format page content using layout grids, collapsibles, and nested accordions
Build accessible forms; use form controls like flip switches, sliders, and select menus; validate and submit forms using Ajax
Explore HTML5 semantics and features such as Local Storage, Session Storage, History, 2D Canvas, 3D, Geolocation, Web Workers, Audio, and Video
Use custom fonts and backgrounds, upgrade themes, override existing themes; generate and share new themes using the Theme Roller tool
This book is written in Cookbook style with a lot of practical tips, code, and step-by-step examples, to ease and quicken your learning curve.
Who this book is written for
If you are a seasoned developer, this book lets you explore jQuery Mobile in greater depth.
color to #666. Now your icons will look similar to the default icons provided by the framework. 82 Chapter 4 Using data-inline By default, the button is stretched to fit the width of its container. You can specify the attribute data-inline="true" to show the button in its compact mode. You can also add multiple inline buttons next to each other in the same row. Using data-iconpos A button can be associated with an icon image by using the data-icon="home" attribute. Here, "home" is the name
interested in either writing or contributing to a book, see our author guide on www.packtpub.com/authors. Customer support Now that you are the proud owner of a Packt book, we have a number of things to help you to get the most from your purchase. Downloading the example code You can download the example code files for all Packt books you have purchased from your account at http://www.PacktPub.com. If you purchased this book elsewhere, you can visit http://www.PacktPub.com/support and register
could also download the library files (available in a single archive) at http://www. jquerymobile.com/download, and host the files locally within your network. When hosted locally, you just have to update the links in your code to point to the correct location of the files on your network (or to the path on your hard disk), as shown in the following code snippet:
file containing multiple page div containers within it. You can provide links to open other pages within a page, and when the user clicks on a link, the new page opens using Ajax with CSS3 animation. The current page is then hidden from view. A Dialog is a page having the data-role="dialog" attribute. You can also load a page as a dialog by adding the data-rel="dialog" attribute to the page link. The dialog is styled differently from a page, and it appears in the middle of the screen above the