JavaScriptを上手くデザインに生かしたサイトのみを集めているギャラリーサイト・Not Coffee

Ads

JSを使ったWebデザインをしたい方
のインスピレーションに良さそうだっ
たので記事に。jQueryやmootools、
Prototypeなど、人気のライブラリを
駆使したサイトのみをショーケース化
しているギャラリー、Not Coffeeの
ご紹介です。

数はさほど多くは有りません(150~160ほど)が、今後に期待したいギャラリーです。デザインも素敵なものばかりなのでインスピレーションと更なるjsの使い方の勉強にもいいかもですよ。

Not Coffee

notcoffee01
ギャラリー形式になっています。jQuery、mootoolsなどのカテゴリで分けられているのでライブラリ別で探せます。

notcoffee02
サムネイルにマウスオーバーすると必要な情報が出てきます。どのライブラリがどこに使われているか(これはタグで分けています)などが直ぐに分かりますので探しやすいですね。

以下のようなサイトが掲載されていました。

Alex Buga’s Livingroom

notcoffee03

Flashかと思うようなサイトです。楽しい。ものすごく良く出来てますよ。

Alex Buga’s Livingroom

Paul J. Noble

notcoffee04

ポートフォリオサイトです。下部にナビゲーションがあります。

Paul J. Noble

Merix Studio.

notcoffee05

地図のjsが凄いですよ。自動でも動きますし、右上の小さい地図でも動かせます。

Merix Studio.

1md

notcoffee06

jsを使って凄い演出をしている、というより単純に使い方が素敵なサイトです。Worksは特に参考になりました。

1md

Zachary Pulman

notcoffee07

ちょっと動作が微妙ですが、なかなかいい使い方のサイト。その場にギャラリー表示するのは素敵かも。

Zachary Pulman

jQueryやmootoolsなどのライブラリが広まってから、凄くJSが身近になりましたよね。Flashを求める方は未だに多いですが、それに似た動きをJSで表現出来るようになってきているのは個人的にありがたいです。

他にもいろいろあるのでぜひご覧になってはいかがでしょうか。

Not Coffee ※サービスは終了した模様です