Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Tools of the Mobile Web

Tools of the Mobile Web

The deck from my talk at the inaugural Emerging Tech Meetup at Cantina.

Matthew Crist

February 29, 2012

More Decks by Matthew Crist

Other Decks in Programming


  1. Frameworks allow for quick development of mobile apps. <div data-role="page"

    data-theme="b"> <div data-role="header" data-theme="b"> <h1>Place Puppy Mobile</h1> </div> <div data-role="content"> <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="a"> <li data-role="list-divider">Puppies</li> <li><a href="food.php?id=slide" data-transition="slide">Slide</a></li> <li><a href="effects.php?id=slideup" data-transition="slideup">Slide Up</a></li> </ul> <ul data-role="listview" data-dividertheme="e"> <li data-role="list-divider">List of Puppies</li> <li><a href="#" data-transition="slide">Another List of Puppies</a></li> </ul> </div> <div data-role="footer" data-position="fixed"> <h1>&copy; 2012 Place Puppy</h1> </div> </div> No Sencha Touch example could fit in a slide.
  2. If you’re going with the web, embrace the web. The

    good & bad parts. http://cri.st/EUli
  3. Micro libraries can ensure you only use what you need.

    jQuery Zepto Zest http://cri.st/EdMn http://zeptojs.com/ > >
  4. Cache manifest in HTML5 can reduce calls to the server.

    <html manifest="puppy.appcache"> ... </div> CACHE MANIFEST puppy.html puppy.css jquery.min.js puppy.js puppy.html puppy.appcache