Downloaded 283 times
Uploaded byMarc Grabanski
jQTouch and Titanium
The document discusses the advantages and features of native apps versus web apps in mobile development, highlighting performance, app store visibility, and various web app functionalities such as instant updates and offline storage. It introduces jQtouch as a framework for building mobile web applications with features like themes, animations, and touch events. Additionally, it mentions the integration of PhoneGap with jQtouch to enhance mobile application capabilities using native device features.
More Related Content
jQTouch and Titanium
- 1. jQTouch and Titanium by Marc Grabanski
- 2.
- 3. Native Apps inJavaScript
- 4.
- 5.
- 6. Native Apps • HighPerformance
- 7. Native Apps • HighPerformance • Findable in App Store
- 8. Native Apps • HighPerformance • Findable in App Store • Native UI, Media API,
- 9. Native Apps • HighPerformance • Findable in App Store • Native UI, Media API, File System, Accelerometer
- 10. Native Apps • HighPerformance • Findable in App Store • Native UI, Media API, File System, Accelerometer • Monetization
- 11.
- 12. Web App Features •Instant Updates (no app store)
- 13. Web App Features •Instant Updates (no app store) • HTML5 Offline, Local Storage
- 14. Web App Features •Instant Updates (no app store) • HTML5 Offline, Local Storage • Save to Home Icon
- 15. Web App Features • Instant Updates (no app store) • HTML5 Offline, Local Storage • Save to Home Icon • Touch Events
- 16. Web App Features • Instant Updates (no app store) • HTML5 Offline, Local Storage • Save to Home Icon • Touch Events • Geolocation
- 17. Web App Features • Instant Updates (no app store) • HTML5 Offline, Local Storage • Save to Home Icon • Touch Events • Geolocation • Canvas
- 18. Web App Features • Instant Updates (no app store) • HTML5 Offline, Local Storage • Save to Home Icon • Touch Events • Geolocation • Canvas • CSS Transforms
- 19. Web App Features • Instant Updates (no app store) • HTML5 Offline, Local Storage • Save to Home Icon • Touch Events • Geolocation • Canvas • CSS Transforms • 100% revenue
- 20.
- 21.
- 22. jQTouch • Themes • AutomaticNavigation
- 23. jQTouch • Themes • AutomaticNavigation • CSS Animations (fast)
- 24. jQTouch • Themes • AutomaticNavigation • CSS Animations (fast) • Save Icon to Home
- 25. jQTouch • Themes • AutomaticNavigation • CSS Animations (fast) • Save Icon to Home • Ajax
- 26. jQTouch • Themes • AutomaticNavigation • CSS Animations (fast) • Save Icon to Home • Ajax • Touch Events
- 27.
- 28. jQTouch is markupdriven HTML and CSS
- 29. Pages <div id=”home”> <divclass=”toolbar”> <h1>My Page</h1> <a class=”back”>Back</a> </div> <ul> <li><a href=”#mypage”>link</a></li> </ul> </div> <div id=”mypage”> <div class=”toolbar”> <h1>My Page</h1> <a class=”back”>Back</a> </div>
- 30. CSS transforms are hardwareaccelerated
- 31. Animation • slide • swap • flip • cube • fade • pop • slideup • dissolve
- 32. Animation • slide • swap • flip • cube • fade • pop • slideup • dissolve <a href=”#page” class=”swap”>
- 33. Animation •slide • swap • flip • cube • fade • pop • slideup • dissolve <a href=”#page” class=”swap”> clicking back will auto-reverse animation
- 34.
- 35. Events • tap -touch version of click
- 36. Events • tap -touch version of click • pageAnimationStart
- 37. Events • tap -touch version of click • pageAnimationStart • pageAnimationEnd
- 38. Events • tap -touch version of click • pageAnimationStart • pageAnimationEnd • turn - orientation turned
- 39. Events • tap -touch version of click • pageAnimationStart • pageAnimationEnd • turn - orientation turned • swipe
- 40.
- 41. Web App.. PlusNative + += native app
- 42.
- 43. PhoneGap + jQTouch •Accellorometer
- 44. PhoneGap + jQTouch •Accellorometer • Magnometer
- 45. PhoneGap + jQTouch •Accellorometer • Magnometer • Camera
- 46. PhoneGap + jQTouch •Accellorometer • Magnometer • Camera • Sound
- 47. PhoneGap + jQTouch •Accellorometer • Magnometer • Camera • Sound • Get in the App Store!
- 48.