jQueryMobile

MOBILE WEB
 Mobile Devices
 Touch-screen

SOME BASIC INFORMATION
 What can I do with Jquery Mobile…
 Mobile Websites
 Mobile apps
 Create User-interface/prototypes
 What exactly is JQuery Mobile? One more java
script library?
 Is this the only one of its kind?
 What about Sencha Touch, JQTouch..

MOBILE UX
 3 reasons for mobile user being on web
 I'm bored, so just surfing!
 I'm socializing or playing
 I'm trying to accomplish a task
 Mobile Interface design – touch friendly and
responsive.
 ‘1px’ is not as simple as 1px for Mobile!
 Can I not do it with my own css ?

JQUERY MOBILE LAYOUT COMPONENTS
JQuery Mobile

<!DOCTYPE HTML>
WHAT ABOUT HTML 5?
 data-* attributes
 HTML 5 new input types
 Tel, email, number, date, color, month, range, search
 Attributes
placeholder
autocomplete
autofocus
pattern

SOMETHING NON-STANDARD BUT STANDARD…!
 autocapitalize and autocorrect attributes
 Meta viewport tag

WHAT EXACTLY IS JQUERY MARKUP ?

<div data-
role=“content” data-
theme=“a”>
<div data-
theme=“d”>
<div data-
theme=“e”>
THEMING
FRAMEWORK

UI COMPONENTS
 Single page template
 Multi-page and page transitions
 Form elements gallery
 List view
 Popup
 Dialogs
 Ajax and page history

JQUERY MOBILE API - EVENTS
 The mobileinit event
 pageinit
 pageshow
 pagehide
 Touch events
• tap, taphold, swipe, swipeleft, swiperight
 Virtual mouse events:
• Vmouseup, vmousedown, vclick
 Orientationchange
 Scrollstart, scrollstop

jQueryMobile

Recommended

Recommended

More Related Content

Similar to jQueryMobile

Similar to jQueryMobile (20)

jQueryMobile