jQTouch
Version 1.0 beta
By David Kaneda

Create powerful mobile apps with
just HTML, CSS, and jQuery.

@jQTouch on Twitter

Close

# AJAX

Home

- POST Form Example
- GET Example
- Long GET Example
- With Callback

# Animations

Home

- Slide
- Slide Up
- Dissolve
- Fade
- Flip
- Pop
- Swap
- Cube
- Reverse animations…

Custom animations are also easy to write.
View the source in `demos/customanimation` to see how.
Pretty smooth, eh?
Go back

# Buttons!

Home
White
Gray
Red
Green

# AJAX w/Callback

Ajax

# Events

Home

- Orientation: profile
- Page events
- Swipe me!
- Tap me!

# Demos

Home
These apps open in a new window. Don’t forget to save them to your home screen to enable full-screen mode.

- To-Do app
- Clock app

# Edge to Edge

Back

- F
- Flintstone, Fred
- Flintstone, Pebble
- Flintstone, Wilma
- J
- Jetson, Elroy
- Jetson, George
- Jetson, Jane
- Jetson, Judy
- R
- Rubble, Bambam
- Rubble, Barney
- Rubble, Betty

# Extensions

Home
These apps open in a new window. Don’t forget to save them to your home screen to enable full-screen mode.

- Geo Location
- Offline Utility
- Floaty Bar
- Auto Titles

# Forms

Back

- Sample Toggle

# jQTouch

About

- User Interface 4
- Animations 8
- AJAX 3
- Events 3
- Extensions 4
- Video
- Demos 2

## External Links

- Homepage
- Twitter
- Google Code

- Email
- Donate

Add this page to your home screen to view the custom icon, startup screen, and full screen mode.

# Metal Lists

Back

- AM 9:40 Buenos Aires
- PM 19:40 Singapur
- PM 22:40 Japan
- PM 11:40 New York
- PM 9:40 Ontario

# Page Events

Events

# Plastic Lists

Back

- Simple list
- Contact list
- Content List
- Metal list

Best enjoyed on a real iPhone

# Reversed

Animations

- Slide
- Slide Up
- Dissolve
- Fade
- Flip
- Pop
- Swap
- Cube

Just add `class="reverse"` to reverse your animation.

# UI Demos

Home

## Lists

- Edge to Edge
- Plastic
- Metal

## Buttons

- Buttons

## Forms

- Forms

# Video

Home
Play Movie

# Post Demo

Ajax

Submit