Frameworks/Libraries
jQuery Mobile
jQTouch
WKTouch

Webapp Guides
_ http://matt.might.net/articles/how-to-native-iphone-ipad-apps-in-javascript/
_ http://ofps.oreilly.com/titles/9780596805784/

Javascript Gesture and Touch Events
_ http://www.sitepen.com/blog/2008/07/10/touching-and-gesturing-on-the-iphone/

Javascript Touch: Drag, Scale, Rotate
_ http://miniapps.co.uk/blog/post/wktouch-multi-touch-javascript-plugin-for-apple-ios/

Most Webkit transition examples work implicitly by setting CSS rules. I've been using .setTimeout() with jQ to attempt explicit instructions. The "Target State" is triggered when -webkit-transition-duration is reassigned.

var dom = $(foo);
var dx = ...;
var dy = ...;
var duration = ...;
var on_complete = function(){...};
// Initial State
dom.css({
  'opacity': 0,
  '-webkit-transform': 'translate3d(0px, 0px, 0px)',
  '-webkit-transition-property': 'opacity, -webkit-transform',
  '-webkit-transition-duration': '0s'
})
// Target State
setTimeout(function(){
  dom
    .css({
      'opacity': 1,
      '-webkit-transform': 'translate3d('+dx+'px, '+dy+'px, 0px)',
      '-webkit-transition-duration': duration+'ms'
    })
    .bind('webkitTransitionEnd', on_complete);
}, 0);

Another approach is reassigning -webkit-transition-property from none to opacity, -webkit-transform, ...

Eventually I'd want to figure out a way to consolidate setTimeout calls if I'm running this block within a loop. Wrap the block in an immediate func when necessary.