craigslist
2.0         1.0       a
      1.0         Alph
1




X
2
✓   ✓
✓   ✓
Titanium Mobile   Titanium Desktop

                  supports php, Python,
                  Ruby, and Javascript
function watchAccel() {
    var win = function(a) {
     document.getElementById('x').innerHTML = a.x;
     document.getElementById('y').innerHTML = a.y;
     document.getElementById('z').innerHTML = a.z;
    };
    var fail = function(){};
    var opt = { frequency: 100 };
    watchId =
navigator.accelerometer.watchAcceleration(win, fail,
opt);
}
// watch for swiping
$('#swipeme').bind('swipe', function(event, info) {
      console.log(info.direction);
});


// orientation changes
$('body').bind('turn', function(event, info) {
      console.log(info.orientation); // landscape/profile
});


// animations
$('#portfolio').bind('pageAnimationEnd',
  function(event, info) {
       if (info.direction == 'in') loadWorks();
})
Tweetie 2        Palm Pre
Feel the refresh   Gesture back
Software keyboard   Hardware keyboard
Newsroom             Shake Shake Shake
Viewport on a world   Defining the new Ctrl-C’s
Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere
Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere
Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere

Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere

  • 8.
  • 18.
    2.0 1.0 a 1.0 Alph
  • 19.
  • 21.
    ✓ ✓ ✓
  • 29.
    Titanium Mobile Titanium Desktop supports php, Python, Ruby, and Javascript
  • 32.
    function watchAccel() { var win = function(a) { document.getElementById('x').innerHTML = a.x; document.getElementById('y').innerHTML = a.y; document.getElementById('z').innerHTML = a.z; }; var fail = function(){}; var opt = { frequency: 100 }; watchId = navigator.accelerometer.watchAcceleration(win, fail, opt); }
  • 34.
    // watch forswiping $('#swipeme').bind('swipe', function(event, info) { console.log(info.direction); }); // orientation changes $('body').bind('turn', function(event, info) { console.log(info.orientation); // landscape/profile }); // animations $('#portfolio').bind('pageAnimationEnd', function(event, info) { if (info.direction == 'in') loadWorks(); })
  • 37.
    Tweetie 2 Palm Pre Feel the refresh Gesture back
  • 39.
    Software keyboard Hardware keyboard
  • 40.
    Newsroom Shake Shake Shake Viewport on a world Defining the new Ctrl-C’s