prototype 60 plugin：skuare.net

パノラマ写真を3Dで縮小表示するjavascript「3D Panorama」

最近のデジタルカメラはパノラマが簡単に撮影できますが、ホームページに使うとなると横幅が長過ぎるのが難点です。 Stupid JavaScript Tricks: "3D" Panoramaでは、パノラマ写真の横幅を縮めた上、3Dで回るように表示することができるjavascriptを紹介しています。＊FireFox限定

via : 3D Panorama

可視部分の画像のみを読み込むjavascript「lazierLoad 」

ブロードバンド環境が整いつつあるとはいえ、画像を使用しすぎるとローディングが長くなります。 lazierLoadは見えている部分の画像のみを読み込んで表示するjavascriptです。

via : lazierLoad

画像に3Dの反射効果を与えるjavascript「3d image reflection with javascript」

画像に反射効果を与えるjavascript「Reflection.js」を紹介しました。今回紹介するのは、これを3D風にした3d image reflection with javascriptです。

via : 3d image reflection with javascript

iPhotoライクな画像ギャラリーを作成するjavascript「iPhoto-like image resizing」

iPodやiPhoneでインターフェースの良さが評価されるapple社。そのベースとなったMacにはiPhotoという画像を収縮できるギャラリーが搭載されています。 iPhoto-like image resizingでは、iPhotoをWeb上でも使用できるjavascriptを紹介しています。

via : iPhoto-like image resizing

画像ギャラリーの定番javascript「LightBox」

リリースされた時は驚きでしたが、いまやWeb2.0の代表作LightBoxです。名前を知らない人でも体験すれば「あ～、あれか」と思う画像ギャラリーの定番javascriptです。

via : LightBox

ブラウザ上で右クリックすると表示されるショートカットキーがあります。これをオリジナルにしたものをコンテキストメニューと言います（多分）。 Proto.Menuではこれをprototypeで実現しています。

via : Proto.Menu

prototypeでFisheyeメニューを作成するjavascript「Fisheye」

アイコンを用いたメニューを収縮させて省スペースでインパクトを与えるフィッシュアイメニュー。今回はjavascriptライブラリのprototypeで作成するFisheyeを紹介します

via : Fisheye

アイキャッチなメニューを作成するjavascript「Menu with slider」

いわずもがな、メニューはサイトを構築する上で重要な要素の一つです。メニューをわかりやすく表示するのはサイト開設者にとって必要不可欠であり、UDにも役立つでしょう。 AXXTのMenu with sliderではアイキャッチ（目にとまる）メニューを作成できます。

via : CSS Menu with slider

華麗なタブメニューjavascript「Fancy Sliding Tab Menu」

タブメニューとはその名の通りタブを利用したメニューです。それゆえ、デザインの種類はあまり多くなく飽きられやすくなります。 Fancy Sliding Tab Menuでは、従来とはひと味変わった華麗なタブメニューを作成できます。

via : Fancy Sliding Tab Menu

コンテンツをスライド表示するjavascript「glider.js」

タブやアコーディオンなどを使用することで限れられたスペースを活用することができます。このような手法の一つにcarouselというものがあります。 glider.jsではcarouselを作成することができます。

via : glider.js

フォームの値を識別するjavascript「validation.js」

送信フォームに入力してもらう時に数字にして欲しいところやe-mailを正しい形式で入力して欲しい時があります。 DexagogoのReally easy field validationでは入力内容を簡単に確認することが出来るjavascript「validation.js」を公開しています。

via : Form validation

パスワード強度を視覚的に明示するjavascript「Password Strength」

フォームなどでパスワードを入力してもらう時に、登録情報の誕生日や電話番号をパスワードにしている人がいます。このような簡単なパスワードでは訪問者だけでなく、サイト運営者にも危険が生じかねません。 Password Strengthでは入力したパスワードの強度を視覚的に明示してくれるjavascriptです。

via : Password Strength

セレクトボックスを装飾するjavascript「Select Box」

フォームは閲覧者との重要な接点です。そのためにはデザインを凝ることも必要です。 Script.aculo.us Select Boxではセレクトボックスを奇麗にすることができます。

via : Select Box

script.aculo.usベースの日付選択javascript「DatePicker」

フォームで日付を選択する際にポップアップでカレンダーを表示することで訪問者のユーザビリティを向上できます。 DatePicker using Prototype and Scriptaculousでは、script.aculo.usベースで実現しています。

via : DatePicker

テキストボックスを自動で収縮するjavascript「Resizing textarea」

フォームを作成する際のテキストボックスの適切な大きさで悩むことがあります。文字数にあわせて自動で収縮すればこんな悩みもなくなります。 Resizing form textbox example using Prototypeはprototypeベースで作成された自動収縮テキストボックス作成用スクリプトです。