HTML5で複雑なアニメーションを実現する最適な方法とは？ CreateJSを使って容量もパフォーマンスも最適化しよう - ICS MEDIA
HTML5で複雑なアニメーションを実現する最適な方法とは？ CreateJSを使って容量もパフォーマンスも最適化しよう HTML5で複雑なアニメーションを実現する方法にはいつか方法がありますが、それぞれの手法について容量とパフォーマンスのメリット・デメリットを検証してみたいと思います。 スプライトシートを使う方法 ベクターアニメーションを使う方法 スプライトシートビルダーを使う方法 おまけ：GIFアニメーションを使う方法 おまけ：Flashアニメーションを使う方法 スプライトシートを使う スプライトシートとは映画のコマのようにアニメーションの全コマを画像として用意しておいて、順番に高速に切り替えることでアニメーションを実現する方法です。enchant.jsやCreateJSなど多くのJavaScriptのフレームワークで採用されており、もっともスタンダードな方法です。 表現の再現性が高いう
[CSS]背景を固定させて、カーテンのようにスクロールさせるテクニック | コリス
去年くらいからよく見かけるようになったスクロールすると、カーテンを持ち上げるように次々にコンテンツが表示されるテクニックをスタイルシートのみ版とスクリプト併用パワーアップ版の二つを紹介します。 まずは、スタイルシートのみ版から。 Fixed image backgrounds スクロールするとヘッダは固定表示で、画像を配置した背景がカーテンを持ち上げるように次のコンテンツが表示されます。 背景は写真も面白いですが、ソリッドなカラーでも面白い効果が得られますね。 Fixed image backgroundsをスクロール 実装はシンプルです、ポートフォリオなどでよく見かけるテクニックです。 Demo 1のHTML HTMLの基本構造は、header要素があり、各スライドはsection要素です。section内には見出しやテキストや画像などを自由に配置できます。 <header> <a hr
神保町、定番カレー 15選 - Time Out Tokyo (タイムアウト東京)
古書の街神保町は、カレー激戦区としての顔も持つ。ブックハントを終えて一息つき、その日の戦利品を吟味しながらビールで喉を潤してから、うまいカレーで自分を労うのは至福の時だ。ここ数年、神保町や神田一帯のカレーを楽しむフェス「神田カレーグランプリ」が開催され、街をあげてのカレー熱が高まっている神保町。ここでは、そんなカレー人口の高い街で味わいたい定番を15軒紹介する。お気に入りのカレー探しのガイドとなれたら幸いだ。 『共栄堂』 大正13年創業の、神保町でも歴史のあるカレー専門店『共栄堂』は、スマトラカレーにこだわる店。昼時ともなれば、行列が絶えない人気店だ。一見すると濃厚そうな黒褐色のカレーは、口当たりがさらりと軽やか。一口含んだだけで、スパイスの香りが口中にぶわっと広がる。ポーク、ビーフ、チキンなど数種類のメニューが揃うが、中でもほろりと崩れる柔らかな『タンカレー』は絶品。辛さというよりは、ス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
