Upload
soaring-eagle-llc
View
530
Download
8
Tags:
Embed Size (px)
DESCRIPTION
A quick overview of Jquery Mobile given at the 2011 Ignite talks for Denver Open Source User's Group and Denver Java User's Group
Citation preview
Mobile Challenges• Operating Systems• Devices• Native Feature access• Orientation related issues• Real Estate• Events• Input• Window depth
Jquery Mobile• Late Beta• Leverages Jquery• Integrates HTML 5, JavaScript and CSS• Lightweight (12K)• Progressive Enhancement• Accessibility
Events• Tap• Tap and hold• Swipe (any, left and right)• Orientation change (media queries and CSS support)• Scroll Events (start and stop)• Page Events • (before show, show, before hide, hide, before create, create)
Themes• Leverages CSS 3 to reduce size• Gradients, Corner Rounding etc.• Object oriented with 26 swatches• Large variety of swatch combinations
• Icon set included
Pages• Combination Pages• Leverage the data attribute (i.e. data-role)• Header , Content and Footer• Multiple logical pages per physical pages
<div data-role="page"> <div data-role="header"> <h1>Page Title</h1> </div><!-- /header -->
<div data-role="content"> <p>Page content goes here.</p> </div><!-- /content -->
<div data-role="footer"> <h4>Page Footer</h4> </div><!-- /footer -->
</div>
And the Kitchen Sink• Transitions• Ajax and History• List support• Dialogs• Menus• Toolbars• Grids• Content Blocks
Detailed Presentations• Upcoming• Denver HTML 5 User’s Group (July 2011)• Boulder Java User’s Group (July 2011)• Denver Open Source User’s Group (October 2011)• Colorado Springs Open Source User’s Group (October 2011)• Cold Fusion User’s Group (June 7, 2011)
Photo Credits• Highway Photo • Phone Image Phonegap.com• Phone Gap Image phonegap.com• Crowd Photo by alexkess• Disney Photo by Express Monorail• Building Structure by Del~Uks• Cat in Sink by sunside