【CSS3】 jQuery を使って iPad でネイティブアプリ並に滑らかなアニメーションを実現する書き方

暮らしカテゴリーの変更を依頼記事元:

33users がブックマークコメント

記事へのコメント2件

注目コメント
新着コメント

daizo1117 “上下左右どの動きも transform:translate3d で動かしましょう。スマートフォン向けに jQuery Mobile というすばらしいライブラリもあるのですが、細部にまで拘って作る場合は、jQuery くらいで抑えた方が自由度が高くて良いです

2016/01/13 リンク

y_guriko なるほど〜

2012/10/30 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

【CSS3】 jQuery を使って iPad でネイティブアプリ並に滑らかなアニメーションを実現する書き方

こんばんは、企画の林です。今回は iPad 専用ウェブアプリ、Sleipnir Start for iPad の開発で学んだ C... こんばんは、企画の林です。今回は iPad 専用ウェブアプリ、Sleipnir Start for iPad の開発で学んだ CSS3 でのアニメーション処理についてお話します。 iPhone / iPad 向けのウェブアプリを作ろうと考えている方で jQuery 使いの人に優しい内容です。 ※ Sleipnir Start for iPad が何か分らない方は前回の記事をどうぞ。 iPad 上のブラウザで、ネイティブアプリのように滑らかにのアニメーションさせるためには jQuery.animate() を使ってはいけません。 CSS3 の transf orm:translate3d を使って GPU 上で処理させる必要があります。（jQuery.animate() 関数はお話にならないくらいカクカクした動きになってしまいます。）上下左右どの動きも transf orm:transla