Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

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

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
demos
extensions
lib
src
submodules
test/unit
themes
.gitignore
.gitmodules
.travis.yml
Gruntfile.coffee
LICENSE.txt
README.md
VERSIONS.md
package.json
sample.htaccess

README.md

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.

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.

Building / Contribute

Build Status

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}.

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.

Something went wrong with that request. Please try again.