今作ってるやつ
for iPhone, iPad dev.

• jQueryのアニメーション重すぎて使えない
• タッチイベントをハンドリングしないといけない
• ネイティブのスクロールの仕組みは
  overflow:scrollとかでできない

↓

• transitionベースのアニメーション
• タッチイベントのラッパー
• ネイティブまねっこスクロール

これができれば普通に書ける（ハズ）

$.ui.swipable

http://dl.dropbox.com/u/268240/scriptsInDev/ui.swipable/index.html

スワイプイベント

$(element).bind('swipe.right', function(){
    alert('right swipe occured');
});
$(element).bind('swipe.left', function(){
    alert('left swipe occured');
});

$.ui.transitionAnimator

http://dl.dropbox.com/u/268240/scriptsInDev/ui.transitionAnimator/index.html

transitionアニメをJSでいじる

$(element).transitionAnimator({
    property: 'opacity'
});
$(element).transitionAnimator('animate', {
    val: 0.5,
    duration: 1000,
    easing: 'ease-in',
    before: function(){ alert('before') },
    after: function(){ alert('after') }
});

$(element).transitionAnimator('stop');

$(element).transitionAnimator('changeVal', 0.75);

chainable like jQuery's animation.

$.ui.transformAnimator

http://dl.dropbox.com/u/268240/scriptsInDev/ui.transitionAnimator/index.html

transform版。transformのみGPUアクセラレーションが有効になりものすごい速い。

$(element).transformAnimator();
$(element).transformAnimator('animate',{
    val: 'translate3d(10px,10px,0),
    duration: 1000,
    easing: 'ease-out'
});

$.ui.touchscrollable

http://dl.dropbox.com/u/268240/scriptsInDev/ui.touchscrollable/index.html

http://dl.dropbox.com/u/268240/scriptsInDev/ui.touchscrollable/index2.html

http://dl.dropbox.com/u/268240/scriptsInDev/ui.touchscrollable/index3.html

http://dl.dropbox.com/u/268240/scriptsInDev/ui.swipableColumns/index.html

作ってる途中。

$(element).touchscrollable();