タグ

iOSと*jQueryに関するtokyowebsiteのブックマーク (2)

  • スマートフォンサイトにフリック・スワイプ実装できるjQueryスライダプラグイン

    ※コメントにも頂いておりますが、この公開版はバグがありますので、承知の上でご利用になるか、ご自身でカスタマイズされる方がお使いください。 スマートフォンサイトにおいて、左のムービーのようなフリック動作ができる画像スライドのjQueryプラグインを作りました。(ムービーはiOSシミュレータによるデモです)iPhoneAndroidでご覧の方はデモに直接アクセスしてください(ムービーは再生されません)。 【デモを見る(iPhoneAndroidで見てください)】 【ダウンロード】 なぜプラグイン化したか 横向き対応がハードルを高くする ご自身でこの手のUIを組んだ経験がある方はわかると思いますが、絶対配置(position:absolute)を使ったリキッドレイアウトを組むのはなかなか手の込んだことが必要で、今後の仕事で都度ゼロからUI作成を行うのは効率が悪くなってしまうと思ったからです。

    tokyowebsite
    tokyowebsite 2013/05/28
    スマートフォンのフリックスライドを実装したいならこれでしょうか。手軽そう。アンドロイドの多重フリックでバグあり。これに限ったことではないが確かにAndoroidでは連続してスワイプ動作させた時に不安定になる
  • 『タッチイベントを使ったスマートフォンページ制作』

    1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして、ブロググループでフロントエンドの開発を担当している泉と申します。 クリエイティブアカデミー※1を経て、2012年5月に中途入社いたしました。 クリエイティブアカデミー レポート 仕様について1、フリックを使った画像の切り替え 今までは、現在見ている画像から次(前)の画像を見るためには、リンクをタップしてもらって該当の画像ページに遷移させる必要がありました。 しかし今回はユーザにストレスを与えないために、ページ遷移しなくても画像が切り替わるように実装します。 2、表示されている画像のピンチイン/アウト(拡大/縮小) タップされた時のイベン

    『タッチイベントを使ったスマートフォンページ制作』
    tokyowebsite
    tokyowebsite 2013/05/16
    これで独自にピンチを実装できる。gestureを使わないので、Android対応なのがうれしい。
  • 1