Skip to content
Create powerful mobile apps with just HTML, CSS, and Zepto.js (or jQuery). http://www.jqtouch.com/
CSS JavaScript CoffeeScript Other
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:

targetdescriptiondependencies
`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.