La Moulade - Creative Studio

色々なパターンの動きが入っているのにスムーズに動きます。
スクロールに連動して動く右上のメニューもかわいいです。

Sony Tablet S - An Android Tablet Like No Other

SONYタブレットの紹介ページ。
画面中央にタブレットの位置を固定させているとこが面白いです！

Volkswagen Beetle

スクロールに合わせた自動車が走っているような演出など、写真がダイナミックに使われています。

株式会社コンテンツ　Contents Co.,Ltd.

スクロールでの動きもさることながら、随所に用いられたcanvasでの演出もすごいです。

Edits Quarterly × Ian Coyle

各セクションが上下に重なっているように見える演出しています。コンテンツの構造に合わせているとこが素敵です。

YouTube - One Hour Per Second

「YouTube には、1 秒間に 1 時間分の動画がアップロードされます。つまり...」という紹介を、ダイナミックな演出で表現しているサイトです。

東京スカイツリー TOKYO SKYTREE

スカイツリーの高さを縦に長いページで表現しています。
スクロールしていくと髪型が星の女の子がついてきます。
何者なのでしょうか？

Slavery Footprint

カラフルな腕が文章を持ってきてくれます。

オロ新卒採用サイト2013

Web制作会社オロの2013年度新卒採用サイト。
ページ最下部から上にスクロールしていきます。
上に進むにつれて地球から宇宙に！

TOILET BIKE NEO | TOTO

究極にエコで未来なバイク型トイレ「トイレバイクネオ」
のサイト。

バストイレ一緒の部屋の僕でも見入ってしまいます。

Bamboo Pop - みんなでクリエイティブを楽しもう -

よく見ると細かいところに動きがあってとてもかわいい！

Dentsu Network

たくさん要素を動かしているのにスムーズに動いています。
こんな雰囲気のサイト見たことない！というぐらいパララックスのクオリティが高いです。

Soleil Noir 2012

スクロールでの演出だけでないく、随所に散りばめられたアニメーション演出も素敵ですね。
個人的にはサイト全体の色使いやイラストも大好きです。

Mario Kart Wii Experience

横にスクロールするだけではなく、斜めに進んだり、ぐにょっとなったり、コースを走っている感じを演出しています。

カートに乗った気分だ！

The evolution of the web - ウェブの進化

Web技術やブラウザの歴史を表現したサイト。

菊地凛子 Webサイト

横にスクロールしても、縦にホイールスクロールしてもページが進むように実装されています。
コンテンツ的にもユーザビリティ的にも素敵なサイト！

山本高史 コトバ

スクロールで奥に進んでいくサイト。
CSS3の「transform: translate3d」を利用して実装しているようです。

BeerCamp at SXSW 2011

上に同じくスクロールで奥に進んでいくサイトです。
縦スクロールでも横スクロールでもなく奥スクロール。
「奥スク」！？

— Marco Rosella, Interactive Designer.

奥スクロールだけでなく、随所に施された演出も
HTML+JavaScriptとは思えないクオリティです。

京急蒲田処女小説文藝大賞

上下にくりかえしスクロールしてページを進めていくサイト。
この発想はなかった！

mokuva | mkv:09 Tokai Dochu Hizakurige

自動でスクロールして写真が変わっていくギミックがとても面白いです。
ずっと眺めていたくなる！

MEFILASQUEST -メフィラスクエスト-

サイト右上のバナーをクリックするとページが大魔王に占拠され、
メフィラスクエストが始まります。

サイトのおまけコンテンツようですが、つくりこみが半端ない！

Autumn's Rain - Home Page

ナビゲーションをクリックしてページ移動すると、
ページの上や下から腕がでてきてページを移動してくれます！

オロナイン公式サイト｜大塚製薬

スクロールに合わせて写真が動く不思議な演出のサイト。

Online Portfolio von Jan Ploch

スクロールに合わせて、ジュースが減っていく演出が面白いです。

The portfolio of Bryan Katzel

「position: fixed」利用して実装しているので、
中央のペンキの部分はJavaScriptなしでも動きます。

Atlantis World's Fair

エレベーターの部分は「position: fixed」で止めているので、JavaScriptなしでも動きます。
CSSだけでこんなに面白い演出をするとは！

Nizo for iPhone

下にスクロールしていくと部品が集まってくる演出のサイト。
ちらばった部品はドラッグもできちゃいます。

ティザーサイトでここまでのつくり込み！

Elect-LO-nica Compilation | Bunkaikei Records

スクロールに合わせて1枚背景を動かすシンプルな実装ですが、
とても面白い演出です。

Domino's Pizza Presents チーズ大統領選挙

スクロールに合わせてピザのチーズが「とろける」演出のほか、
パララックスを多用して、にぎやかな演出を随所にちりばめています。

知的法人RAIZIN

新エナジードリンク「RAIZIN」のブランディングポータルサイト。
縦スクロールで上へ上へと"アガル"サイト構成です。

クラウドコード（公開終了）

ページのスクロールに合わせて、主人公が下に走る
という演出をJavaScriptで実現しています。