AJAXのライブラリを活用したSHOWCASE
2007年3月1日
AJAXのライブラリを活用したSHOWCASEを集めているサイトを見つけましたのでご紹介します。
http://www.miniajax.com/
ショーケースのデモもあるので、AJAXで何か作りたい時にはかなり参考になるかと思います。
今回はそのうちのいくつかをご紹介します。
この記事の内容
ドラッグできるMAC風の小さなウィンドウを表示する
prototype.jsとwindow.jsを読み込んで使用します。
http://prototype-window.xilinus.com/
投票した数をスターで表示する
グラフィックが結構綺麗です。画像などもスタイルシートで変更できます。
http://www.masugadesign.com/the-lab/scripts/unobtrusive-ajax-star-rating-bar/
ドラッグできるLITEBOX風の小さなウィンドウを表示する
prototype.jsとサイトの下部で記載されているスクリプトを読み込んで使用します。ログイン画面やメールフォームで使用するとかなりかっこいいです。
http://www.pjhyett.com/posts/190-the-lightbox-effect-without-lightbox
マック風なメニュー FISHEYE
Dojoを利用して作成されています。解説はDojoのサイトで見ることができます。画質があまりよくないのでデザインを重視される場合はあまり使えないかもしれません。
http://archive.dojotoolkit.org/nightly/tests/widget/test_FisheyeList.html
よくクリックされている箇所をサーモグラフィーのように表示してくれる
アクセス解析として使えますね。
http://www.labsmedia.com/clickheat/
他にも50種類くらいのショーケースを見ることができます。全部英語サイトなので日本語ドキュメントはありませんが、AJAX好きにはかなりおいしいサイトではないでしょうか。