Laurentiu Macovei - jQueryMobile

Introduction to

Laurențiu MacoveiDotNetWise

[10th of November 2012]

=

+ + mobile + .

Lightweight sizejQuery Mobile is 33kb + jQuery = 66kb

OPEN SOURCE, FREE

Just one among the others

http://wp.nu/mobilecompare

Sencha Touch Kendo UI

Aggressively cross-platform, cross-browser

+

Focused on progresive ehnancement and graceful degradation

A-grade - Full enhanced experiencewith Ajax-based animated page transitions.

most browsers

A-grade - Full enhanced experience with Ajax-based animated page transitions.

B-grade - Enhanced experience except without Ajax navigation features.

Blackberry 5.0*, Opera Mini 7, Nokia Symbian^3

A-grade - Full enhanced experience with Ajax-based animated page transitions.

B-grade - Enhanced experience except without Ajax navigation features.

C-grade - Basic, non-enhanced HTML experience that is still functional

Blackberry 4.x, Windows Mobile, all non-CSS media queries

Markup driven minimal code required to get up and

running

Markup driven

Add data-role to decorate elements

Make the footer fixed

Group max 5 buttons in a navbar

Add data-theme=X to apply skins

Add data-rel=back for back button

Add data-role=listview to lists

Add data-role to decorate elements

Add round box text with ui-li-count

Add aside text with class ui-li-aside

Categories with data-role=list-divider

Add data-inset=true for round lists

Add data-filter to enable filtering

Add data-role=fieldcontain in forms

Organize elements with ui-grid and ui-block

Add data-role=controlgroup to group checbokxes or radios

Add data-role to decorate elements

Add class ui-body and ui-body-x to create swatches

Select element is self-enhanced

Add class ui-body and ui-body-x to create swatches

Disable system menu with data-native-menu=false

Rotate the device for a different experience

Every device is different

What’s not included in the boxSingle page templatesMulti page templatesDialogs and PopupsTransitions bweteen pagesAjax pages

Demo LiveCodecamp Feedback application

released on 2 october, 2012

list of almost 200 contributors

Contribute!

Q & A

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners