jQTouch and Titanium

•

11 likes•2,341 views

Look at how to write for mobile in JavaScript using jQTouch and/or Titanium. Exploring the benefits of mobile web versus native mobile applications.

Technology Design

Native Apps

• High Performance
• Findable in App Store

Native Apps

• High Performance
• Findable in App Store
• Native UI, Media API,

Native Apps

• High Performance
• Findable in App Store
• Native UI, Media API,
File System, Accelerometer

Native Apps

• High Performance
• Findable in App Store
• Native UI, Media API,
File System, Accelerometer
• Monetization

Web App Features
• Instant Updates (no app store)

Web App Features
• Instant Updates (no app store)
• HTML5 Offline, Local Storage

Web App Features
• Instant Updates (no app store)
• HTML5 Offline, Local Storage
• Save to Home Icon

Web App Features
• Instant Updates (no app store)
• HTML5 Offline, Local Storage
• Save to Home Icon
• Touch Events

Web App Features
• Instant Updates (no app store)
• HTML5 Offline, Local Storage
• Save to Home Icon
• Touch Events
• Geolocation

Web App Features
• Instant Updates (no app store)
• HTML5 Offline, Local Storage
• Save to Home Icon
• Touch Events
• Geolocation
• Canvas

Web App Features
• Instant Updates (no app store)
• HTML5 Offline, Local Storage
• Save to Home Icon
• Touch Events
• Geolocation
• Canvas
• CSS Transforms

Web App Features
• Instant Updates (no app store)
• HTML5 Offline, Local Storage
• Save to Home Icon
• Touch Events
• Geolocation
• Canvas
• CSS Transforms
• 100% revenue

jQTouch

• Themes
• Automatic Navigation

jQTouch

• Themes
• Automatic Navigation
• CSS Animations (fast)

jQTouch

• Themes
• Automatic Navigation
• CSS Animations (fast)
• Save Icon to Home

jQTouch

• Themes
• Automatic Navigation
• CSS Animations (fast)
• Save Icon to Home
• Ajax

jQTouch

• Themes
• Automatic Navigation
• CSS Animations (fast)
• Save Icon to Home
• Ajax
• Touch Events

Pages
<div id=”home”>
<div class=”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>

Animation
• slide • swap
• flip • cube
• fade • pop
• slideup • dissolve

Animation
• slide • swap
• flip • cube
• fade • pop
• slideup • dissolve
<a href=”#page” class=”swap”>

Animation
• slide • swap
• flip • cube
• fade • pop
• slideup • dissolve
<a href=”#page” class=”swap”>

clicking back will auto-reverse animation

Events

• tap - touch version of click
• pageAnimationStart

Events

• tap - touch version of click
• pageAnimationStart
• pageAnimationEnd

Events

• tap - touch version of click
• pageAnimationStart
• pageAnimationEnd
• turn - orientation turned

Events

• tap - touch version of click
• pageAnimationStart
• pageAnimationEnd
• turn - orientation turned
• swipe

PhoneGap + jQTouch

• Accellorometer
• Magnometer

PhoneGap + jQTouch

• Accellorometer
• Magnometer
• Camera

PhoneGap + jQTouch

• Accellorometer
• Magnometer
• Camera
• Sound

PhoneGap + jQTouch

• Accellorometer
• Magnometer
• Camera
• Sound
• Get in the App Store!

Thank you!
Marc Grabanski:
http://marcgrabanski.com

Twitter: @1Marc

The Internet of Things revolution has ushered in a wave of “Smart Home” devices and gadgets, and with it, new opportunities for creative hacking and software development. The Amazon Echo suite of devices, using the Internet-connected conversational interface commonly known as “Alexa”, is backed by a developer-friendly ecosystem with open source tools, documentation, tutorials, code examples, and a free (as in no-cost) open invitation to developers to create “Alexa Custom Skills” that anyone can download and use with their Echo devices. In this session, you will learn: - What to consider when designing a voice user interface - The various components of an Alexa custom skill - How to proceed through the custom skill development process - 3 implementation methods including 2 ways to integrate Drupal data into your skill To get the most out of this presentation, you should be an intermediate coder, and comfortable tinkering with code. But you don’t have to be a Node expert, a Drupal expert, or a Web Services expert to create a custom Alexa skill. It’s a pretty accessible development experience. Learning Objectives & Outcomes: By the end of this presentation, you should feel empowered and ready to create your own custom Alexa skill, with or without Drupal integration.

The Next Frontier: Amazon Alexa - April 2, 2019

Caroline Dunn

Slides from the Atlanta SEO Meetup on April 2, 2019 Is voice the next frontier? Publishing an Alexa Skill for your company could become as ubiquitous as having a website. Amazon has spent millions in people and resources to sell and put an Amazon Alexa in every household in the US. https://www.emarketer.com/Article/Alexa-Say-What-Voice-Enabled-Speaker-Usage-Grow-Nearly-130-This-Year/1015812 This year, 35.6 million Americans will use a voice-activated assistant device at least once a month. That’s a jump of 128.9% over last year. Amazon’s Echo speaker will have 70.6% of users. Meanwhile, Google Home will trail far behind with just 23.8% of the market. https://www.campaignlive.co.uk/article/just-say-it-future-search-voice-personal-digital-assistants/1392459 In fact, ComScore says that by 2020, 50 per cent of all searches will be voice searches. https://www.wordstream.com/blog/ws/2018/04/10/voice-search-statistics-2018 3. 13% of all households in the United States owned a smart speaker in 2017, per OC&C Strategy Consultants. That number is predicted to rise to 55% by 2022. How to get started: How to get your AWS hosting for free: https://developer.amazon.com/alexa-skills-kit/alexa-aws-credits Testing https://echosim.io/welcome Blueprints are a way for users to create Alexa Skills without coding. Users simply select from a menu of templates ranging from Q&A, quizzes, or a flash briefing, fill out the information, and voilà, create a skill without coding. http://alexa.design/guide http://alexa.design/docs https://www.twitch.tv/amazonalexa http://Alexa.design/slides https://github.com/alexa https://www.youtube.com/channel/UCbx0SPpWT6yB7_yY_ik7pmg

WAI-ARIA偉格高

Shazam on Android Wear

Iordanis (Jordan) Giannakakis

This presentation introduces a new NVIDIA extension called Command-list. The purpose of this presentation is to explain the basic concepts on how to use it and show what are the benefits. The sample I used for the talk is here: https://github.com/nvpro-samples/gl_commandlist_bk3d_models The driver for trying should be PreRelease 347.09 http://www.nvidia.com/download/driverResults.aspx/80913/en-us

HTML5 로 iPhone App 만들기

JungHyuk Kwon

jQTouch – Mobile Web Apps with HTML, CSS and JavaScriptPhilipp Bosch

Apache web serverzrstoppe

jQuery in 15 minutes

Simon Willison

jQuery PPT

Dominic Arrojado

HTML5: IntroductionGuillermo Paz

Beginning jQuery Mobile

Troy Miles

Viewers also liked

HTML5 Essentials

Marc Grabanski

jQuery Essentials

Marc Grabanski

Whirlwind Tour of SVG (plus RaphaelJS)

Marc Grabanski

jQuery LearningUzair Ali

Learning from the Best jQuery Plugins

Marc Grabanski

jQTouch at jQuery Conference 2010

David Kaneda

Introduction to LESS

Manish Shekhawat

How to Develop a Rich, Native-quality User Experience for Mobile Using Web St...

David Kaneda

Introduction to open_gl_in_androidtamillarasan

Opengl basicspushpa latha

OpenGL ES Presentation

Eric Cheng

OpenGL Introduction.Girish Ghate

OpenGLES - Graphics Programming in Android

Arvind Devaraj

OpenGL ES 2.x Programming Introduction

Champ Yen

OpenGL NVIDIA Command-List: Approaching Zero Driver Overhead

Tristan Lorach

HTML5 로 iPhone App 만들기

JungHyuk Kwon

jQTouch – Mobile Web Apps with HTML, CSS and JavaScriptPhilipp Bosch

Apache web serverzrstoppe

jQuery in 15 minutes

Simon Willison

jQuery PPT

Dominic Arrojado

Viewers also liked (20)

HTML5 Essentials

jQuery Essentials

Whirlwind Tour of SVG (plus RaphaelJS)

jQuery Learning

Learning from the Best jQuery Plugins

jQTouch at jQuery Conference 2010

Introduction to LESS

How to Develop a Rich, Native-quality User Experience for Mobile Using Web St...

Introduction to open_gl_in_android

Opengl basics

OpenGL ES Presentation

OpenGL Introduction.

OpenGLES - Graphics Programming in Android

OpenGL ES 2.x Programming Introduction

OpenGL NVIDIA Command-List: Approaching Zero Driver Overhead

HTML5 로 iPhone App 만들기

jQTouch – Mobile Web Apps with HTML, CSS and JavaScript

Apache web server

jQuery in 15 minutes

jQuery PPT

Similar to jQTouch and Titanium

HTML5: IntroductionGuillermo Paz

Beginning jQuery Mobile

Troy Miles

UXify 2015 - Front-end Developers' Checklist for Better UX

Stoian Dipchikov

Good UX has always been one of the key factors for success in the contemporary web development and there fore has led to huge improvements in our industry in the last years. Nowadays the UX of a software product is not responsibility only of the UX Architects / Producers, but to each individual involved in the creation of an app or a website, including the Front-end developers. The talk presents a summarized list of DOs and DON’Ts, which Stoyan and his team believe should be respected by the Front-end developers if they want to build a useable web product, up to and above industry standards. There will be a lot of case studies and actual examples taken from Despark’s experience in the field.

HTML5 JS APIs

Remy Sharp

Progressively Enhancing WordPress Themes

Digitally

jQuery Mobile: Progressive Enhancement with HTML5

Todd Anderson

NinjaScript and Mizugumo 2011-02-05

lrdesign

Fake it 'til you make it

Jonathan Snook

Software Transition from Flash to HTML5 - WebElement

Marian Rusnak

Mobile First - WCJ 2012

Gal Brill

iOS and Android Acceptance Testing with Calabash - Xcake Dublin

roland99

Sometimes, you would be forgiven for thinking that testing your apps' user interface is not the most fun bit of the whole process of creation. But as a matter of fact, it is, especially if you use interesting tools that help with the heavy lifting and have a freaky domain specific language that makes it straightforward to specify and automate your test cases. Roland Gröpmair, a regular face at Xcake, will present to us his latest investigations in this area, as part of his talk iOS and Android Test Automation with Calaba.sh. http://www.meetup.com/Xcake-Mobile-app-development-with-an-Appley-flavour/events/219080531/

WordCamp 2012 - Seth Carstens Presentation (Responsive Width)Seth Carstens

Flexible UI Components for a Multi-Framework World

FITC

Presented at Web Unleashed 2017. More info at www.fitc.ca/webu Presented by Kevin Ball, ZenDev, LLC Overview Learn to build UI components that work seamlessly in every JavaScript Framework. Your core UI elements shouldn’t have to be different for your marketing site than they are in your application just because the former uses jQuery while the latter is built using Angular or React. In this talk, Kevin will teach you how to architect and build an interactive component that works seamlessly across multiple JavaScript Frameworks. Objective Raise the bar for reusable UI components and teach the audience how to build them. Target Audience Front-end developers Assumed Audience Knowledge Some understanding of JavaScript, and knowledge of at least what JavaScript Frameworks are Five Things Audience Members Will Learn The value for your business from creating a framework of portable UI components The challenges and problems with simply rebuilding UI components from scratch for each environment The difference between state-driven and imperative approaches to interactive UI components How to build a multi-framework UI component How version 7 of ZURB Foundation is using this approach to reimagine its interactive components

Flexible UI Components for a Multi-Framework World

Kevin Ball

A Holistic Approach to HTML5 Game Design & Development

Karl Bunyan

Don't make me wait! or Building High-Performance Web Applications

Stoyan Stefanov

Android ActionBar Navigation reloaded

Dominik Helleberg

End of native?

Yuki Naotori

Html5 publicdoodlemoonch

Touch the web

Chris Love

Similar to jQTouch and Titanium (20)

HTML5: Introduction

Beginning jQuery Mobile

UXify 2015 - Front-end Developers' Checklist for Better UX

HTML5 JS APIs

Progressively Enhancing WordPress Themes

jQuery Mobile: Progressive Enhancement with HTML5

NinjaScript and Mizugumo 2011-02-05

Fake it 'til you make it

Software Transition from Flash to HTML5 - WebElement

Mobile First - WCJ 2012

iOS and Android Acceptance Testing with Calabash - Xcake Dublin

WordCamp 2012 - Seth Carstens Presentation (Responsive Width)

Flexible UI Components for a Multi-Framework World

A Holistic Approach to HTML5 Game Design & Development

Don't make me wait! or Building High-Performance Web Applications

Android ActionBar Navigation reloaded

End of native?

Html5 public

Touch the web

Recently uploaded

LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...

DanBrown980551

Do you want to learn how to model and simulate an electrical network from scratch in under an hour? Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)! During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook. PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides: - A fully editable and extendable library for grid component modelling; - Visualization tools to display your network; - Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses; The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well. What you will learn during the webinar: - For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills; - For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.

Transcript: Selling digital books in 2024: Insights from industry leaders - T...

BookNet Canada

The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more. Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/ Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.

Introduction to CHERI technology - Cybersecurity

mikeeftimakis1

Monitoring Java Application Security with JDK Tools and JFR Events

Ana-Maria Mihalceanu

The Art of the Pitch: WordPress Relationships and Sales

Laura Byrne

Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes? All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.

Essentials of Automations: The Art of Triggers and Actions in FME

Safe Software

In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation. We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios. Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!

The Metaverse and AI: how can decision-makers harness the Metaverse for their...

Jen Stirrup

The Metaverse is popularized in science fiction, and now it is becoming closer to being a part of our daily lives through the use of social media and shopping companies. How can businesses survive in a world where Artificial Intelligence is becoming the present as well as the future of technology, and how does the Metaverse fit into business strategy when futurist ideas are developing into reality at accelerated rates? How do we do this when our data isn't up to scratch? How can we move towards success with our data so we are set up for the Metaverse when it arrives? How can you help your company evolve, adapt, and succeed using Artificial Intelligence and the Metaverse to stay ahead of the competition? What are the potential issues, complications, and benefits that these technologies could bring to us and our organizations? In this session, Jen Stirrup will explain how to start thinking about these technologies as an organisation.

FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf

FIDO Alliance

Assure Contact Center Experiences for Your Customers With ThousandEyes

ThousandEyes

Epistemic Interaction - tuning interfaces to provide information for AI support

Alan Dix

Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024 https://alandix.com/academic/papers/synergy2024-epistemic/ As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.

Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...

UiPathCommunity

💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™: See how to accelerate model training and optimize model performance with active learning Learn about the latest enhancements to out-of-the-box document processing – with little to no training required Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath. Speakers: 👨‍🏫 Andras Palfi, Senior Product Manager, UiPath 👩‍🏫 Lenka Dulovicova, Product Program Manager, UiPath

FIDO Alliance Osaka Seminar: Overview.pdf

FIDO Alliance

PCI PIN Basics Webinar from the Controlcase Team

ControlCase

Removing Uninteresting Bytes in Software Fuzzing

Aftab Hussain

Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process. In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds. - These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.

Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf

91mobiles

Le nuove frontiere dell'AI nell'RPA con UiPath Autopilot™

UiPathCommunity

In questo evento online gratuito, organizzato dalla Community Italiana di UiPath, potrai esplorare le nuove funzionalità di Autopilot, il tool che integra l'Intelligenza Artificiale nei processi di sviluppo e utilizzo delle Automazioni. 📕 Vedremo insieme alcuni esempi dell'utilizzo di Autopilot in diversi tool della Suite UiPath: Autopilot per Studio Web Autopilot per Studio Autopilot per Apps Clipboard AI GenAI applicata alla Document Understanding 👨‍🏫👨‍💻 Speakers: Stefano Negro, UiPath MVPx3, RPA Tech Lead @ BSP Consultant Flavio Martinelli, UiPath MVP 2023, Technical Account Manager @UiPath Andrei Tasca, RPA Solutions Team Lead @NTT Data

Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx

nkrafacyberclub

FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf

FIDO Alliance

DevOps and Testing slides at DASA Connect

Kari Kakkonen

Video Streaming: Then, Now, and in the Future

Alpen-Adria-Universität

In his public lecture, Christian Timmerer provides insights into the fascinating history of video streaming, starting from its humble beginnings before YouTube to the groundbreaking technologies that now dominate platforms like Netflix and ORF ON. Timmerer also presents provocative contributions of his own that have significantly influenced the industry. He concludes by looking at future challenges and invites the audience to join in a discussion.

Recently uploaded (20)

LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...

Transcript: Selling digital books in 2024: Insights from industry leaders - T...

Introduction to CHERI technology - Cybersecurity

Monitoring Java Application Security with JDK Tools and JFR Events

The Art of the Pitch: WordPress Relationships and Sales

Essentials of Automations: The Art of Triggers and Actions in FME

The Metaverse and AI: how can decision-makers harness the Metaverse for their...

FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf

Assure Contact Center Experiences for Your Customers With ThousandEyes

Epistemic Interaction - tuning interfaces to provide information for AI support

Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...

FIDO Alliance Osaka Seminar: Overview.pdf

PCI PIN Basics Webinar from the Controlcase Team

Removing Uninteresting Bytes in Software Fuzzing

Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf

Le nuove frontiere dell'AI nell'RPA con UiPath Autopilot™

Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx

FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf

DevOps and Testing slides at DASA Connect

Video Streaming: Then, Now, and in the Future

jQTouch and Titanium

1. jQTouch and Titanium by Marc Grabanski

2. Mobile Web Development

3. Native Apps in JavaScript

4. Ah, choices!

5. Native Apps

6. Native Apps • High Performance

7. Native Apps • High Performance • Findable in App Store

8. Native Apps • High Performance • Findable in App Store • Native UI, Media API,

9. Native Apps • High Performance • Findable in App Store • Native UI, Media API, File System, Accelerometer

10. Native Apps • High Performance • Findable in App Store • Native UI, Media API, File System, Accelerometer • Monetization

11. Web App Features

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

21. jQTouch • Themes

22. jQTouch • Themes • Automatic Navigation

23. jQTouch • Themes • Automatic Navigation • CSS Animations (fast)

24. jQTouch • Themes • Automatic Navigation • CSS Animations (fast) • Save Icon to Home

25. jQTouch • Themes • Automatic Navigation • CSS Animations (fast) • Save Icon to Home • Ajax

26. jQTouch • Themes • Automatic Navigation • CSS Animations (fast) • Save Icon to Home • Ajax • Touch Events

27. Can’t jQTouch this!

28. jQTouch is markup driven HTML and CSS

29. Pages <div id=”home”> <div class=”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 hardware accelerated

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

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. Themes jQT and Apple

41. Web App.. Plus Native + += native app

42. PhoneGap + jQTouch

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. Thank you! Marc Grabanski: http://marcgrabanski.com Twitter: @1Marc

jQTouch and Titanium

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (20)

Similar to jQTouch and Titanium

Similar to jQTouch and Titanium (20)

Recently uploaded

Recently uploaded (20)

jQTouch and Titanium