国内のFlashライクなJSのアニメーションを使用したサイトをまとめました

最近はjsのスクリプトやCSS3のアニメーションを使用してFlashに近い動きを実現しているサイトを最近よく見かけます。

サイトを企画・提案・設計する上で、案件によってFlashとjsどちらを実装するのかは変わりますが、まずはjsでどの程度の動きが可能なのか実例を知っておくことが重要です。

そこで今回は、国内のFlashライクなJSのアニメーションを使用したサイトをまとめてみました。

スマートフォンだけでなくタブレット端末に対応したサイトとして非常に参考になります。

メインコンテンツにjsアニメーションを使用したサイト

マイ朝リズム ダノンビオ

http://bio.danone.co.jp/

Impress カネボウ化粧品

http://www.kanebo-cosmetics.jp/impress/

smart4meビジネス版

http://smart4me.net/business/

コンテンツ部分にjsアニメーションを使用したサイト

キユーピー マヨネーズとその仲間たち

http://www.kewpie.co.jp/mayonnaise/

PSFA パーフェクトスーツファクトリー

http://brand.perfect-s.com/

大阪経済法科大学 オープンキャンパス2012サイト

http://www.keiho-u.ac.jp/entrance/event/opencampus/

スタ、ブル。「スター・ウォーズ」ブルーレイ 日本オフィシャル・サイト

http://video.foxjapan.com/blu-ray/starwars/

映画の言葉

http://eiganokotoba.jp/

フルFlashの様なjsアニメーションを使用したサイト

UT UNIQLO

http://www.uniqlo.com/jp/ut_tabloid/tabloid/

キヤノン:一枚からのECO。

http://web.canon.jp/about/ad/environment/ichimai/

TIERRA 福岡市中央区平尾の美容室 ティエラ

http://hs-tierra.com/

jitto

http://jitto.jp/

以前紹介したこちらのサイトと合わせてご覧下さい。

この記事を書いた人

著者 : ハヤシユタカ

2001年、有限会社ムーニーワークスを設立。WEB制作の他、書籍執筆、セミナー講演、企業研修などを行う。また、クリエイター育成機関デジタルハリウッドでは1999年より講師として本科WEBデザイナーコースやデジタルデザインコースを担当。 詳しいプロフィールはこちら

最近書いた記事

この記事に関連する記事