ねこの足跡

各言語用Ajax関連ライブラリ＆Ajaxフレームワークのコンプリートリスト:phpspot開発日誌

各言語用Ajax関連ライブラリ＆Ajaxフレームワークのコンプリートリスト。PHP, Perl, .NET, ColdFusion, Flash, Java用の他、Ajaxフレームワークのリストが公開されていました。

おお、これは便利。
Yahoo UI Library(通称YUI)は仕事で作ったプログラムに実装してるんですが、PerlやPHPから呼び出せるライブラリもこんなにたくさんあるんですね。

週末にでもどれかライブラリいじってみようかな。

画像の拡大プレビューを超クールに行える「Highslide JS」
http://phpspot.org/blog/archives/2006/10/highslide_js.html

画像の拡大プレビューを超クールに行える「Highslide JS」。
サムネイルをクリックするとそのまま画像がズームされ、影付きで写真を表示できます。

画像をクリックするとフワッとズームされます。
ページ中に新しいレイヤーというか、ページ内ウィンドウのような物が作成される感じで、画像の下にはかんたんなHTMLなんかも挿入できるみたい。次の画像に移動したり、さらなる拡大や縮小、閉じるなどの機能も。

こういうちょっとした演出いいですよね。
何年か前にやりたかったことが、Web2.0効果もあってか、色々と表に出てきいる感じがします。

毎日参考にさせていただいている「PHP SPOT開発日誌」より。

リンク先のプレビューを吹き出し方式のポップアップでサムネイル表示「WebSnapr」
http://phpspot.org/blog/archives/2006/10/websnapr.html

リンク先のプレビューを吹き出し方式のポップアップでサムネイル表示「WebSnapr」。
単純にポップアップするだけ、よりもちょっとオシャレな効果が得られますね。

フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tooltip for forms」
http://phpspot.org/blog/archives/2006/10/javascripttoolt.html

フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tooltip for forms」。このライブラリを利用すれば、次の画像のようなツールヒントをフォーム上に出すことが可能です。

＃プログラムを組む人にしか分からない日記

個人的に「くりっぷたん」という名前のサービスを作ってるんですが(近日公開)、その開発でいじりはじめたBookmarkletの懐の深さにちょっと感動。

かなりなめてたんですけど、外部のファイルを呼び出すことを覚えたあたりからハマリだして、気が付いたらこんな時間です(；´∀｀)

↓こんな感じで呼び出せる。ちょーかんたん。

<a href="javascript:(function(){
var s=document.createElement('script');
s.src='http://hogehoge.com';
void(document.body.appendChild(s));})();"></a>

MovableTypeに入ったあたりから知ってはいたんだけど、こんなにオモロイネタをほおっておいたとは。innerHTMLとの連携とかも覚えたし、仕事で色々使えそうな気がするわ。

うん。それはそうと、とりあえず寝よう（　´Ｏ)η ﾌｧ～
カラダもヤバイ(；´∀｀)

hotmailみたいな入力フォームがかんたんに作れるってヤツです。

とある友人に教えても経ったTinyMCEという WYSYWIG な HTML エディタライブラリがやばそう。 http://d.hatena.ne.jp/naoya/20060122/1137915083

やばいです。
2～3分かまっただけですが、すげえクオリティ高いです。
http://tinymce.moxiecode.com/
　※上の「Examples」をクリック

ちゃんと表情アイコンとかもつけれたり、いたれりつくせり。ブログサービスとか掲示板とかいろいろなところに応用できそう。導入も簡単そうだし、もう少し実験して問題なければうちのサイトにも入れたいなぁ。

htmlAreaも悪くはないんだけどねぇ。
使いづらかったからなぁ(；´∀｀)
http://www.htmlarea.com/

そういや、ロリポがもう少し発展したというかクレイジーなエディタ作ってたなぁ。
http://woopa.lolipop.jp/