バケモノスタッフブログ

奥田 修平
2015年03月10日
WEB関連

Javascriptの動きがかっこいい海外サイト5選

このエントリーをはてなブックマークに追加RSSフィード follow us in feedly
20150310_ic
photo by Marjan Krebelj on Flickr

 

バケモノ株式会社の奥田です。
近年スマートフォン、タブレットが普及し、FLASH環境がなくても面白い動きのするサイトが多くなってきました。特に海外のサイトは技術的に高く、とても勉強になります(日本のサイトを見慣れた方にとってはシンプル過ぎて不親切に映るかもしれませんが)。
今回はWEB業界に携わる私が「おっ」と感じた「スゴイ動き方をする海外サイト」を5つご紹介します!

1.BYORK

20150310_01http://bjork.com/

アイスランド出身の女性歌手ビョークのサイトです。文字やイラストふわふわ浮いていて宇宙空間にいるような感覚になります。カーソルをサイトで動かすとサイトの全体が動きます。 

2.FFF

20150310_02http://fff.cmiscm.com

fffはHTML5で作られた動きのあるコンテンツを多数収録したサイトです。色々なページがこのサイトにはありますが、マウスで動かすと揺れたり、波打ったりと、様々な動きをします。いろんな動きのページがあり、面白い企画です。ちなみに上記絵のページでは、上から降り注ぐレインマンを動かせます。

3.HTML5 and CSS3 – Adobe – The Expressive Web – Beta

20150310_03http://beta.theexpressiveweb.com/

Adobe社が運営するCSS3とHTML5の技術紹介サイト。レゴブロックのような小さい正方形が画面上を動き回ります。左側のメニューを押すと正方形が並び替わります。コミカルでかわいいデザインはセンス抜群です。WEBのお仕事以外の方も楽しいのでぜひ触ってみてください! 

4.Velkoobchod s mobilními telefony

20150310_04http://atanaiplus.cz/

チェコのスマートフォンのサイトです。サイトでは珍しい横スクロールの構成で、サイトを右に動かすとスマートフォンがくるくると回り、背景が次々と切り替わります。

5.World of SWISS

20150310_05www.world-of-swiss.com/en

スイスインターナショナルエアラインズのブランディングサイトです。マウスをスクロールさせると、本当に飛行機に乗っているかのように、画面の奥から飛行機や人が次々と飛び出てきます。画面の動き方にスピード感があり、とても斬新です。

 まとめ

いかがでしたか?
WEBサイトの進化はとても早く、日々様々な技術が開発されています。弊社でもぜひ見習いたいですね。WEBをあまりご存知でない方も、一度サイトを見て遊んでみてください。「こんなホームページがあるんだなぁ」と、少しでも興味を持ってもらえたら幸いです!

このエントリーをはてなブックマークに追加RSSフィード follow us in feedly