Upload
codecampiasi
View
213
Download
7
Tags:
Embed Size (px)
Citation preview
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