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
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.
See, New and Noteworthy for Details.
Source code, issue tracking, and documentation are available on github.
Watch this video preview to see it in action.
Dependencies:
| target | description | dependencies |
|---|---|---|
| `grunt --help` | List available build targets. | nodejs, grunt: ex, `brew install node && npm install grunt -g && npm install` |
| `grunt css` | Build SASS resources into css. | `ruby`, `compass` + `grunt --help` dependencies: ex, `gem install compass` |
| `grunt test` | Run all unit tests. | `phantomjs` + `grunt --help` dependencies: ex, `brew install phantomjs` |
| `grunt dist` | Build a distribution. | `grunt css` + `grunt test` dependencies |
The command grunt dist builds a folder structure under jqtouch-${release.version}-${release.id}.
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.
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.