OOMORI.lunch

とりあえず、色々といっぺんに紹介。

格好いいmootoolsのプラグインを見つけたので紹介。

phatfusion

JavascriptやFlashを使ったライブラリを開発しているらしく、ちょっと洒落たサイトを作るときに使いたくなるようなmootoolsのプラグインが公開されている。

プラグインの種類は以下の通り。

• image menu
• validate
• lightbox
• multibox
• slideshow
• sortableTable
• slider
• roundedcorners
• page loader

あとはFlashのコンテンツでgoogleDriveというのがある。これはキーボードを操作することで、真ん中に表示された車がGoogleMap上を走るというもの。GoogleMapを利用したコンテンツは沢山あったが、こういう発想のは見たことがなかったので、面白い。

今日はjQueryのプラグインを紹介。

Gmailのように「shift + クリック」でチェックボックスの複数選択を可能にするjQueryプラグイン｜JavaScriptプログラムメモ｜プログラムメモ

エクスプローラとかでやるような、Shift+クリックで一気にチェックボックスを選択できるようにするプラグインです。

webのインターフェースだとチェックボックスって結構当たり前な感じだけど、正直ものすごく使いづらい。2, 3個なら良いけど、10とか20とかになってくると、もうだれてしまう人も少なくないはず。

このjQueryプラグインは、普段使い慣れたエクスプローラ等と同じ感覚で、チェックボックスを操作できるようなるので、多少は心地よく使えるようになるんじゃないかなと思う。

良い感じな日付入力用のJavascriptライブラリを見つけたので紹介。

Ajaxorized ≫ Introducing: The sliding date-picker

定規のような見た目の部分をスライドさせることで、日付の範囲選択をすることができるというモノ。こういうのはテキストボックスが2つあって、その二つにそれぞれカレンダーが付いているってのはよく見る。だけど、それをスライドで選択ってのはあまり見ないんじゃないだろうか。

導入は上記ページのとおりにスクリプトを読み込んで、デフォルトの日付と、選択できる範囲を指定するだけ。超簡単。ライセンスはGPLらしい。

ただし、サンプル通りに書くと月の表示が英語になっている。ここを数字とかに変えたい場合は、datejsのページでDatejs-all-Alpha1.zipを落としてから、Datajs-all/build/date-ja-JP.jsをdate-en-US.jsと置き換える必要がある。ちなみにjp-JPを使った場合は数字表示になる。

で、実際に使ってみて貰ったところ、結構好評だった。使うシーンは限られるかもしれないけどね:-P

Awesome enough Slide Shows developed using jQuery, Ajax, Prototype.js, Ext.js, Lightbox JS, Mootools, YUI…..at Developer Snippets

Lightboxが出てから、こういう系のスクリプト増えたなぁとか思ってたんだけど、まさかここまで色々あるとは・・・。

本家が出てから、もう結構経つと思うけど、それぞれ特徴を盛り込んでいて良い感じ。
個人的にはjQueryを使ってるThickBox 3あたりがオススメ。jQuery良いよjQuery。