Lightbox を拡張した Lightbox Plus

comments(0) | trackback(0)

  http://serennz.cool.ne.jp/sb/sp/lightbox/

  オリジナルからの機能追加は以下のとおり．

• ウィンドウサイズより大きい画像でも適切なサイズで表示
• 最大化・最小化の画像が表示されてサイズの変更が可能
• 画像に擬音語や擬声語を重ねられる

JavaScript で入力補完を手軽に行うためのライブラリ suggest.js

comments(0) | trackback(0)

  http://www.enjoyxstudy.com/javascript/suggest/

  Ajax は使わずに，初回画面表示時にデータを読み込み，それ以降は
  クライアント側で処理をするために，サーバに負荷がかからない．

  prototype.js 必須．サンプルをみてみたけど，実用性は高そう．
  ライセンスは「クリエイティブ・コモンズ 帰属 2.1 日本」．

- ref.: クリエイティブ・コモンズ 帰属 2.1 日本
  http://creativecommons.org/licenses/by/2.1/jp/

JavaScript のエラーや XMLHttpRequest の通信ログをリアルタイムに記録してくれる Firefox 拡張 FireBug

comments(0) | trackback(0)

  https://addons.mozilla.org/extensions/moreinfo.php?application=firefox&id= ...

  

  JavaScript のエラーだけでなく CSS のエラーや XML のエラーも表示してくれる．
  XMLHttpRequest のリクエスト，レスポンスも表示してくれるのでかなり便利．

Lightbox JS で動画も WEB 2.0 っぽく表示しよう

comments(0) | trackback(0)

  http://www.hirax.net/diaryweb/2006/01/21.html#200601212

  Lightbox JS を使って，画像だけでなく動画もかっこよく表示させる．
  ぼちぼち，このサイトも Lightbox JS に対応させるかなと．

Ajax を使って PHP や JavaScript の正規表現のテストが出来る Rex V

comments(0) | trackback(0)

  http://www.rexv.org/

  

  Ajax を使って PHP PCRE，PHP Posix，JavaScript の正規表現のテストが出来るサイト．
  どこがマッチしたなどの結果がリアルタイムにわかるので便利．

- via: Sooey
  http://www.sooey.com/journal/2006/01/17/85/

prototype.js version 1.4.0 系での Enumerable の使い方

comments(0) | trackback(0)

  http://www.onflow.jp/blog/archives/2005/11/prototypejs_ver.html

  prototype.js 1.4.0 の Enumerable を使うと

var data = [0, 1, 2];
for (var i = 0, len = data.length; i < len; i++) {
    alert(data[i]);
};

  こう書いていたのが

var data = [0, 1, 2]
data.each(
    function (value, index) {
        alert(value);
    }
);

  のように Iterator パターンで書けるようになる．

  ハッシュの場合は $H() とあわせて以下のようにかけて便利．

var data = $H({a:1, b:2});
data.each(
    function (pair, index) {
        alert(pair.value);
    }
);

JavaScript のデバッグライブラリ JavaScript::DebugScreen

comments(0) | trackback(0)

  http://la.ma.la/misc/js/debugscreen/

  若干の制限があるものの，これはすばらしいです．
  実際のところライセンスはどうなってるんでしょうか．

複雑で重くなった JavaScript を高速化する方法

comments(0) | trackback(0)

  兎にも角にも . (ドット) を減らすことが大切っぽい．

  例えば，

for (var i = 0; i < array.length; i++) {
    ....
}

  と書いているのを

for (var i = 0, len = array.length; i < len; i++) {
    ....
}

  こう書くだけで数倍速度が変わるみたい．

- via: IT 戦記
  http://d.hatena.ne.jp/amachang/20060114/1137243389
  http://d.hatena.ne.jp/amachang/20060112/1137085710

xml2json.cgi - ドメインを超えてXMLを読みこむ

comments(0) | trackback(0)

  http://tech.nitoyon.com/javascript/xml2json.html

  Ajax の弱点である別ドメインの XML を取得する CGI．
  プロキシみたいな役割か．これは json で返してくれる．
  これを応用してそのまま XML で返すようにもできそう．

DrawingCanvas.js - クロスブラウザなベクタグラフィック描画ライブラリ

comments(0) | trackback(0)

  http://www.ne.jp/asahi/nanto/moon/2005/09/27/DrawingCanvas.js

  ブラウザのベクタ描画エンジンを利用したライブラリ．
  さて，何に使うことができるのか考えなければ．

- ブラウザ上でお絵かき
  http://nanto.asablo.jp/blog/2005/09/27/89628
  http://www.ne.jp/asahi/nanto/moon/2005/09/27/canvas.html

- via: memo.xight.org
  http://memo.xight.org/2006-01-10-12