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

スポンサーリンク

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 ※サービスは終了した模様です

URL :
TRB :

Comments & Trackbacks (5)

  1. 名無し

    いつも楽しく拝見しております。
    リンクは_blankにしてほしいです・・・お願いします。

  2. シロ

    >名無しさん

    こんにちは。いつもご覧頂き有難う御座います :)

    リンクは_blankにしてほしいです・・・お願いします。

    うーん、ごめんなさい。_blankはユーザーさんの意図を無視して別窓にするのであまり好んでおりません。出来ましたら、Ctrl+クリックを使ってください。

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services