Going Mobile

Sally Young and Blake Hall

About Us

Why?

native languages for devices
device proliferation
feasibility of responsive redesign
page reloads vs ajax

What about disabling Javascript?

TOO BAD

Tools in the Toolbox

jQuery or Zepto

Hammer.js

Hammer.js

easy touch event handling

(now Cordova)

http://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks

Custom Code

DATA DATA DATA DATA DATA DATA DATA DATA

JSON

Crazy Custom Code

JSON from Drupal

Services

Cross Domain Concerns

JSONP
Cross-Origin Resource Sharing

Markup

Handlebars

Markup

twig

Markup

twig.js

Markup

IDENTICAL

crossroads.js

http://millermedeiros.github.com/crossroads.js/

Custom MVC-like app

PSEUDO-CODE WARNING

PSEUDO-CODE WARNING

jQuery Mobile

Phone Gap

App Demo

Questions?

blake@lullabot.com

sally.young@lullabot.com