willcode2surf / jqtouch

Create powerful mobile apps with just HTML, CSS, and Zepto.js (or jQuery).

jQTouch

Create powerful mobile apps with just HTML, CSS, and Zepto.js (or jQuery).

jQTouch is a JavaScript plugin which works with either Zepto.js or jQuery, and comes with smooth animations, navigation, and themes for mobile WebKit browsers (as found in iOS, Android, BlackBerry, and WebOS).

• Easy to install. Get up and running in a few minutes.
• Entirely customizable with selector options
• Theme support, including default Apple and jQTouch custom themes
• Callback functions throughout, including swipe and orientation change detection
• Page history management and CSS3 page transitions, including 3D flip, cube, and swap
• Failover to 2D animations for devices that don't support 3D
• Easily allow apps to run in fullscreen mode with custom icons and startup screens
• The power of jQuery to build AJAX applications
• New demos: Clock and Todo

Upcoming Features

Note: Upcoming features are developed in the master branch, and are not to be considered stable. For official releases, please see the version tags.

• Zepto integration - Use with Zepto.js instead of jQuery to cut down on precious bandwidth. Zepto.js is very similar API to jQuery, but optimized for WebKit and thus about 20kb smaller.
• Sass-based stylesheets, easily modified with variables, and optimized for size.
• Image-less stylesheets -- Using Compass Recipes, we have recreated all of the gradients and background patterns with CSS. This way, they are resolution independent, dynamically theme-able, and lower bandwidth.

Source code, issue tracking, and documentation are available on github.

Watch this video preview to see it in action.

Building / Contribute

Dependencies:

target	description	dependencies
`ant -p`	List available targets.	Ant, Java
`ant test`	Run test in headless mode.	`phantomjs` + `ant -p` dependencies
`ant build`	Standard Build.	`git`, `compass` (`ruby`) + `ant -p` dependencies
`ant build-libs`	Build depended libs from sources.	`git`, `rake` + `ant -p` dependencies
`ant build-fully`	Run test and build all, refresh dist file.	`ant test build-libs build` dependencies

The command ant build or ant build-fully builds a folder structure under jqtouch-${release.version}-${release.id}.

External Guides

Jonathan Stark has created an excellent introduction to jQTouch as part of his book, Building iPhone Apps with HTML, CSS, and Javascript.

PeepCode did a screencast ($9), as well as a cheat sheet, which have been helpful to many people.

Credits

Created, and still occasionally maintained, by David Kaneda.

Maintained by Thomas Yip.

Special thanks to pinch/zoom and Jonathan Stark.

(c) 2009-2012 Sencha Labs.

jQTouch may be freely distributed under the MIT license. See LICENSE.txt for license.