This document discusses jQTouch, a JavaScript library for building mobile web applications. It provides options for building full screen applications with touch controls and hardware-accelerated animations using HTML, CSS, and JavaScript. Key features highlighted include support for WebKit features like CSS3 animations, forms, caching, and hardware-accelerated transitions. The document also discusses distributing applications built with jQTouch through PhoneGap to package them as native mobile apps.
56. save to home
• Instant deployment
• Offline access with Cache Manifest
• Internal SQLite database
• No Safari interface
57. PhoneGap
• Simple, Javascript-based access to
Accellorometer, Magnometer (that’s a
compass!), Camera, Sound
• Distribute on App Store
• PROFIT!!!
• Easy to port to other devices like Android
and Blackberry
http://www.phonegap.com/
58. beta 3
• jQuery 1.4 • jQT.goTo(‘myurl.php
• Live events ’);
• HTML5 Video and • OS4 + iPad support
inputs • New animations
• Google Maps demo • Loads of fixes
• Better history
support
• New callback:
pageInserted
Does not mean 60% of all devices are iPhone, just that we like using the internet more. Why? WebKit. WebKit is on iPhone, Andoroid, and Palm, and likely coming to RIM soon. What does it mean?
opacity, corners, shadows, gradients — rotate, scale, depth, hardware accelerated. Unfortunately, some iPhone specific now. Geo-location + SVG are diff on Android.
opacity, corners, shadows, gradients — rotate, scale, depth, hardware accelerated. Unfortunately, some iPhone specific now. Geo-location + SVG are diff on Android.
opacity, corners, shadows, gradients — rotate, scale, depth, hardware accelerated. Unfortunately, some iPhone specific now. Geo-location + SVG are diff on Android.
Easy distribution, no app store, easy dev, tons of features — Brian.
Made for WebKit browsers to create web apps quickly. Who’s developed with web? Who’s used jQTouch? Who uses jQuery? It’s been a month since.
Now for the code. Just a few lines of Javascript.
Now for the code. Just a few lines of Javascript.
Now for the code. Just a few lines of Javascript.
Now for the code. Just a few lines of Javascript.
Panels are created in a stub fashion, body > *. Using plain, semantic code, like classes.
Panels are created in a stub fashion, body > *. Using plain, semantic code, like classes.
back, slide, useTransitions
Panels are created in a stub fashion, body > *. Using plain, semantic code, like classes.
2 themes by default, just switch CSS file.
Matches identity of Flash site.
Built in by default.
All Ajax “live”. GET requests cached.
All Ajax “live”. GET requests cached.
Benefits of web distribution, Benefits of PhoneGap, Eventual cross-compatability
Simplest. Still can go offline, internal db, etc.
Simplest. Still can go offline, internal db, etc.
Device support, more transitions/themes, XUI port, COD
Upcoming extensions