はしくれエンジニアもどきのメモ

情報系技術・哲学・デザインなどの勉強メモ・備忘録です。

動きのあるWebサイト 12選

動きのあるWebサイト 12選

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

パララックス系

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

探検!京都大学

探険!京都大学

使用ツール:

jQuery

探険!京都大学サイトの画像

キリン一番搾り

KIRIN ICHIBAN

使用ツール:

jQuery

キリン一番搾りサイトの画像

IPSA

化粧品サイト

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

使用ツール:

modernizr

IPSAサイトの画像

動画系

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

CALL of DUTY

Call of Duty®: Advanced Warfare

使用ツール:

osCommerce, jQuery

call of dutyサイトの画像

Brindisa Tapas Kitchens

Brindisa Tapas Kitchens

使用ツール:

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

Brindisa Tapasサイトの画像

TeachAcademy

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

使用ツール:

jQuery

TeachAcademyサイトの画像

COULEE

Coulee Creative™ | A web design agency

使用ツール:

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

Coulee Creativeサイトの画像

Kalexiko

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

使用ツール:

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

Kalexikoサイトの画像

BU-SHAKA LOOP

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

岡村靖幸 | YASUYUKI OKAMURA

使用ツール:

SWFObject

bu-shaka-loopサイトの画像