タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

JavaScriptとiPhoneに関するk-kitaokaのブックマーク (2)

  • オブジェクトのドラッグ移動を実現するJavaScriptライブラリ·Pep MOONGIFT

    Pepはデスクトップ/スマートフォンの両方で動作するドラッグライブラリです。 ゲームなどでWebブラウザ上のオブジェクトをドラッグアンドドロップしたりする操作はよくありますが、その操作をデスクトップとモバイル両方に対応させたのがPepです。 使い方は簡単でDOMに対してpep()を実行するだけ。 ドラッグで移動させられます。 枠の中だけでの移動もその逆もできます。 コールバック対応です。 スライダーを動かすと大きさが変わるデモ。 X軸、Y軸を固定にすることもできます。 こちらはiPhoneで試した所。動きに慣性があるのが特徴です。 Webブラウザ上のオブジェクトを動かすという操作は通常のWebサイトではあまりない動作なので面白いです。またデスクトップとスマートフォン両方に対応しているので使い勝手が良いのではないでしょうか。 PepはJavaScript製、MIT Licenseのオープンソ

    オブジェクトのドラッグ移動を実現するJavaScriptライブラリ·Pep MOONGIFT
  • ネイティブライクなスマートフォンWebアプリを開発するフレームワーク·Junior MOONGIFT

    JuniorはBackbone.jsやRatchetを使って スマートフォン向けにコンテンツを提供する方法は主に二つあります。一つはネイティブアプリ、もう一つはWebアプリです。Juniorはネイティブ並みのWebアプリを開発するためのフレームワークを提供します。 右側にあるのがデモアプリです。横スクロール可能なスライドはflickable.jsを使っています。 こんな感じで写真が切り替わります。 ネイティブ風のUIはRatchetを使っています。 Pushstate APIを使っているのでBackボタンなどがちゃんと動きます。 Juniorはその他、ビューやルーティングについてBackbone.jsを使うなど単体で特別な機能を提供するのではなく優れたライブラリを上手に組み合わせて提供しています。しかしこれらのライブラリを組み合わせることで手早くスマートフォン向けのWebアプリが開発できる

    ネイティブライクなスマートフォンWebアプリを開発するフレームワーク·Junior MOONGIFT
  • 1