Scribd
Upload
69 views9 pages

Jquery Mobile: by Vasanth

The document discusses jQuery Mobile, a framework for building mobile web sites and apps. It is optimized for touch interfaces and uses HTML5, CSS3, and JavaScript. Key features include being touch-optimized, supporting multiple browsers and devices, having a theming framework, and being lightweight and responsive. Advantages are ease of use, cross-platform compatibility, and custom themes, while disadvantages include slower performance on mobile and limited customization options. It compares jQuery Mobile to jQuery and jQuery UI, noting jQuery Mobile provides full mobile framework capabilities while jQuery and jQuery UI add features to sites.

Uploaded by

vasu
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
69 views9 pages

Jquery Mobile: by Vasanth

The document discusses jQuery Mobile, a framework for building mobile web sites and apps. It is optimized for touch interfaces and uses HTML5, CSS3, and JavaScript. Key features include being touch-optimized, supporting multiple browsers and devices, having a theming framework, and being lightweight and responsive. Advantages are ease of use, cross-platform compatibility, and custom themes, while disadvantages include slower performance on mobile and limited customization options. It compares jQuery Mobile to jQuery and jQuery UI, noting jQuery Mobile provides full mobile framework capabilities while jQuery and jQuery UI add features to sites.

Uploaded by

vasu
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd

JQuery mobile

BY VASANTH

Content

What is jQuery Mobile

Why jQuery Mobile

Features of jQuery Mobile

Advantages & Disadvantages

jQuery VS jQuery-UI VS jQuery Mobile

jQuery Mobile

jQuery Mobile is a Touch-Optimized Web Framework.

The jQuery Mobile framework builds on top of jQuery core.

"write less, do more.

It integrating HTML5, CSS3 (minimal scripting).

jQuery Mobile works on all popular smartphones and tablets.

Why jQuery Mobile

Wide browser and device coverage

Touch-friendly form inputs and UI widgets

Responsive web design ready

It is cross platform and cross browser

Features of jQuery Mobile

Touch-Optimized

It support all major desktop browsers as well as all major mobile


platforms.

Theming framework

lightweight

Responsive

AJAX

Advantages & Disadvantages

easy to learn and develop applications

It is cross platform and cross browser

Create custom theme using ThemeRoller

automatically scale from mobile screen to desktop screen

There are limited options

jQuery Mobile are slower on mobiles

Difficult to provide complete customized visual design

All the features in a device cannot be accessed by the JavaScript in a


browser

JQuery VS jQuery-UI VS jQuery Mobile

jQuery is purely designed to simplify and standardise scripting


across browsers. It focuses on the low-level stuff: creating elements,
manipulating the DOM, managing attributes, performing HTTP
requests, etc

jQueryUI is a set of user interface components & features built on


top of jQuery (i.e. it needs jQuery to work): buttons, dialog boxes,
sliders, tabs, more advanced animations, drag/drop functionality.

jQuery and jQueryUI are both designed to be 'added' to your site


(desktop or mobile) - if you want to add a particular feature, jQuery
or jQueryUI might be able to help.

Cotn

jQuery Mobile, however, is a full framework. It's intended to be


your starting point for a mobile site. It requires jQuery and
makes use of features of both jQuery and jQuery-UI to provide
both UI components and API features for building mobilefriendly sites. You can still use as much or as little of it as you
like, but jQuery Mobile can control the whole viewport in a
mobile-friendly way if you let it

Data Attributes

data-role

data-theme

data-position

data-transition

data-icon

You might also like