通称『 Lightbox 』のまとめ記事ですね。
jQuery、prototypeの両方をカバーしている記事で、非常にボリュームのあるエントリーがあったのでご紹介。

タイトルだけでは何言ってんだこの野郎という感じかもしれない・・・。

上にある画像の上部にスライドバーが付いていて、バーを動かすと、全体的に画像のサイズが変わると言う代物。
なかなか面白そうなのでメモしておきたい。

Googleで採用されているパスワードの強度確認チェッカーみたいなものを作ろうぜ！という流れで、『作ってみた』という人が現れた。

パスワードを入力するごとにJavaScriptによってフォームを監視し、ゲージでお知らせしている。

ちょっとした小技として使えそうですね。

すごいねこれほんとすごい。ってか今まで知らなかったこんなのあるなんて・・・。
Learn & Test Google’s APIs Easilyで掲載されてて朝から色々触ってました。

その簡単なレポートです。

なかなか味のある一品。
画像にマウスポインタを合わせるとしたからにょきっとコントローラが現れる仕組み。

詳細は以下で。

比較的簡単にwebに導入できるマークアップエディタ。
CSS、HTMLタグなどが完備されていて、アイデア次第で色々使えそう。

ダウンロード等は以下に。

web開発者が知っておくべき20の上位リストを作成している記事がありましたのでご紹介。

何気なくAjax使ったりしますけど、色々あるものですねぇ。
中でもこれは使えそうだなぁと思う7点をピックアップいたしました。

画像に領域を作成して、メッセージを残せるようにするJavaScript。
ダブルクリックすると領域を作成し、ツールチップを表示する。

そこにメッセージを残せばその領域にメッセージが表示される仕組み。
ちょっと面白いものが簡単に導入できるかもしれないですね。

なにやらクールなイメージ装飾スクリプト。
ちょっと興味があるので勉強がてらご紹介。

prototype.jsで仕上がった素敵なカラーピッカーのご紹介。

とりあえずサンプルをどうぞ。

前回公開したｊQueryの自作サンプルエントリー。
これはほんと有意義なコメントを方々から受けることができて、公開してよかったなと思いました。

今回は指摘を受けた箇所の再勉強をかねて、ブログにコードを書いていただいた方々のサンプルを作成いたしました。（コード勝手に使ってんじゃないよという人が万が一いるならご連絡ください）

学んだ部分を全て活用し、一本のサンプルも一番下においておきましたので、興味があったらご自由にもってっちゃってください。

また、前回利用したjQueryはバージョンが低いものを使ってましたので、最新版にしておきました。

一個のサンプルは非常に単純な構造になっておりますゆえ、jQueryをすでにやったことがある人にとって必要ないものだということをあらかじめご了承くださいませ。

エフェクト関係とかそれ以前に、どんなことをすればどうなるのかという基礎的なサンプルです。

プラグイン関係は以前書いた記事を参照してください。
jQueryでweb制作をする時にキープしておきたい30リスト

そもそもｊQueryって何ですかという人は以下を。
今更ですが、jQueryにはまりました

追記：ほんとすいませんローカルで動作確認したところ動くのですが、オンラインではfirefoxしか動作確認せずに公開。
IE7では上の4つが動きません。
いくつか確認したのですが、どうしてもIE7でJavaScriptエラー。ダメすぎる自分・・・。

追記2：まいりました。他のサイトの記述を見てもミスが見つかりません。言語問題でしょうか・・・アクティブXでしょうか・・・。なぜか動きません。どなたか万が一わかる方がいらっしゃいましたら教えていただきたいと思います。どうぞよろしくお願いします。

追記3：Re:一晩で覚えるjQueryの逆引き基礎サンプル7つ (でぃべろっぱーず・さいど)
言及ありました〜。ありがとうございます。あとでじっくり見させていただきます。

追記4：IE7のAjaxローディング問題が解決しました。
トラックバックとコメントから原因がcharset=noneを吐き出していると推測。ローカルのApacheインストールして確認したところ、たぶん間違いない。管理会社に連絡入れて了承いただけましたので、きっと今日中には直るはず！・・・たぶん・・・。

ただの画像の羅列をオシャレなスライドショーにするprototype-uiライブラリ。

サンプルが公開されていなかったので、ダウンロードして設置してみました。
サンプルデモは以下に。

これは面白すごい。
なかなかさわり心地の良い動き。

しかも無料でダウンロードまでできるし、使えるし、なんともありがたい一品に、思わず勢いで記事にしてしまいました。

まずは以下のサンプルを触ってみると感動しますよ！（たぶん）

以前ご紹介したCSSclipの運営者のご友人からメールが来ました。

『こんなの作りましたけどどうでしょうか？』

早速ダウンロードして見てみるとなかなか素敵なメールフォームだった為記事に。

■ユーザビリティ向上により、メールフォームからの離脱率を下げる取り組み
■ノン・プログラマーでもカスタマイズが可能な仕様
というのが主な考え方で、お問合せ率向上を目指す仕様になってますね。

オープンソースのJavaScript『F->IT』。

日本語に対応しているかは確認しておりませんが、F->ITからHTMLをいじる事が可能。
対応していたら顧客先などでもちょっとしたHTMLの編集が可能になりますね。

結構昔からあったんですが、使ってみると意外と素敵なので記事に残しておきます。
イメージギャラリーを作成する時などにも使えそうですし、非常に高度な動きを簡単に実装できますので便利です。

※この記事はJQueryJavaScriptを使ったプラグインの紹介です。

ZAPA氏の記事。
ニュータイプなJSライブラリjQueryを使ってみよう！

これを見てから3日間。
ブログもあまりかけずこればっかりいじって遊んでました。
睡眠時間も1日2時間くらいになり、今日は書こうと思います。

まずZAPA氏、きっかけをありがとう。

私はJavaScriptの知識がほぼ皆無な人間です。
そんな私でもjQueryは簡単に使える為、面白くてはまりました。

ただ、お恥ずかしい話、PHPを使ってJavaScriptをある程度制御しなければ私は使いこなせません。
ですが恐ろしく簡単にこれまでこのブログで紹介してきたようなJavaScriptアプリと同等のものを作れる為、これははまります。

上からにょきっと出てくるドックメニューですね。
完全に隠れたら、そこにあるということがわからないので、多少の変更は必要かもしれませんが、なかなか素敵な感じでお勧めの一品。

タブメニューなにか良いのないかなと思って探していたら、10 Javascript Ajax Tabsというエントリが後々使えそうなのでご紹介しておきます。

タブに関するまとめは以下で。

»　Introducing Tablecloth
テーブルクロスを導入する。

この記事がWEB関連のなかで話題になっていました。
はて・・テーブルクロス・・・。

何のことやらさっぱりだったんですが、使ってみるとなかなか素敵な動きをしてくれましたので記事に。

リンクをクリックすると同一ページ内で他のテキストファイルを読み込み表示するJavaScriptです。

特徴はmodal message script(モーダルメッセージ）で、開いたダイアログが閉ざされるまで、他の作業が出来なくなるという仕組みです。
デモページはこちら

webでの使用方法は以下に。

最近よく見かけるシステムで、MySQLに対応した星型レビューボタンの設置方法です。
サンプルデモ

ダウンロード方法の英語は以下に。
Star Rater Ajax Version

So, I found this great star rater script made in css. But I missed the web 2.0 stuff. So i played arround with it so it would work on a database without having to refresh any pages (but updating the database with AJAX). In this version i use it for rating a image (with unique id = imgId).

興味のある方は簡易翻訳しましたので以下に。
ただし、多少PHPの知識が必要とされますので、あらかじめご了承ください。

なんとも一風変わった遊び心。
その仕掛けは単純だけど、アイデア次第では面白い事が出来そうですね。

サンプルデモはこちら

使い方は以下に。

ウェブサイトや、ブログのページそのものを、PDFで提供するボタンをJavaSCRIPTを貼り付けるだけで可能にするサービスです。

特にPDF化に手を焼いている人も、この方法であっという間にPDF文章を提供することが可能になる。

5分もあれば、以下の手順で試してもらえれば設置できるでしょう。

プログラムの進行状況や、仕事の進行状況など、現在のタスク進行状況を手軽に表示するためのスクリプトです。

あまり使う場面がなさそうですが、なかなか良い動きをしていたのでご紹介だけでもしておきます。

横にスライドするアコーディオンJavaScript

横に伸縮するメニューです。
何かと使えそう。

詳細は以下に。

（2007.7.20 記事更新）
誰かがそろそろExtについて詳しい事を書いてくれるのではとか、甘い期待をしていたけど、ぜんぜん出てこないって事は人気がないって事なんでしょうか。

でもこれ、相当すごいものだと思うんです。
例えば、このページ（hello worldをクリック）だけをとっても良い動きをしてくれるのが確認できると思います。

なので今回はJavaスプリクト＋Ajaxなオープンソース『Ext』をご紹介しておきます。

これはなかなかおしゃれな小窓が作れそう。

ウェブサイトでちょっとしたお知らせなどを入れる時に役に立つと思います。
特に、フォームを利用しただけではあまりおしゃれなものになりませんので、この技術を応用してみてはいかがでしょうか。

なにかと面白そうなAjaxの中から、ドラッグ＆ドロップでちょっと素敵なアクセサリーにもなるプログラムのご紹介。

特に、iGoogleのようなRSS配信形のページは面白そうですね。