動きのあるWebサイト 12選

動きのあるWebサイト 12選

カルーセル、パララックス、動画などの動きのあるサイトをまとめておきます。

カルーセル系

2010-2013年辺りで流行っていた。 大手企業の商品紹介ページに使わていることが多い。

au

au

使用ツール：

Prototype, jQuery

docomo

NTTドコモ ホーム

使用ツール：

jQuery, Undersoce.js

softbank

モバイル | ソフトバンク

使用ツール：

jQuery

パララックス系

2012-2014年辺りから使わている。

探検！京都大学

探険！京都大学

使用ツール：

jQuery

キリン一番搾り

KIRIN ICHIBAN

使用ツール：

jQuery

IPSA

化粧品サイト

IPSA 公式サイト |ファウンデイションスペシャルサイト

使用ツール：

modernizr

動画系

最近、徐々に増えている。

CALL of DUTY

Call of Duty®: Advanced Warfare

使用ツール：

osCommerce, jQuery

Brindisa Tapas Kitchens

Brindisa Tapas Kitchens

使用ツール：

jQuery, jQuery UI, Modernizr, ASP.NET, IIS

TeachAcademy

TechAcademy [テックアカデミー] | プログラミングスクール

使用ツール：

jQuery

COULEE

Coulee Creative™ | A web design agency

使用ツール：

WordPress, google Font API, jQuery, Backbone.js Underscore.js

Kalexiko

Kalexiko - Web Design Birmingham & SEO Agency. Based in the Midlands

使用ツール：

HumansTxt, Google Font API, jQuery, Typekit, Modernizr, Angular

BU-SHAKA LOOP

日本のサイトです。動画1ページのサイトになっています。好き嫌い分かれそうですが面白いです。

岡村靖幸 | YASUYUKI OKAMURA

使用ツール：

SWFObject

参考リンク

• Webデザイン実践 触ってもらえる動くページ制作手法~サイト例~ 田中 晶子 先生 - 無料動画学習｜schoo（スクー）