Archive for the ‘ jQuery関連 ’ Category

『jQuery API Browser』のAIR版がすっごく便利じゃね?


どこかで紹介したような気がしますが、過去48時間ぐらいすごく良く使ったのでご紹介。jQuery API BrowserのAIR版です。ローカルで使えるのがいいです。こういうマニュアルってPDFが主流でしたが、アプリっぽくなっているAIRも便利すなぁ・・・。

みんなダウンロードするといいと思うよ!と叫びたい。

j_01

ここからダウンロードできます。AIRを持っていない人は一緒にインストールされるので便利。

j_1

↑ ウェブ版と内容は一緒。でもローカルで使えて便利。

j_2

↑ 作業中、よく見る命令は☆をつけておくと・・・。

j_3

↑ ここで・・・。

j_4

↑ 一覧できます。

無駄に細かく説明しすぎたような気がしますが、とにかくおすすめしたかったのでw。サンプルもついているしわかりやすいのでは。jQuery使いの方は是非どうぞ。

» jQuery API Browser v1.3

リストのナビゲーションに使えるjQueryのプラグイン『iHwy jQuery ListNav Plugin』


いつか使うかも、という意味でエントリー。大量のリストを表示するときに使えるjQueryのプラグインです。A-Zで項目を整理してくれるので英語版のリストにしか使えませんが、画面遷移なくさくさくナビゲーションできるのでいい感じです。

しかもマウスオーバーすると項目数まで表示してくれますよ。

listnavi

↑ こんな感じ。

カスタマイズもちゃちゃっとできますね。該当する項目がないときに表示するテキストや、「すべて」を表示するかどうか、なんてのが設定できます。

詳細&ダウンロードは以下からどうぞ。

» jQuery listnav plugin – javascript navigation control to manage alphabetical lists

ブラウザ間の差異を気にせず、自由自在にレイアウトできるようになるjQueryのプラグイン『jQuery UI.Layout Plug-in』


ページのレイアウトが複雑になるといろいろな問題が出てきて悩みが尽きないですよね。そこで登場したのが『jQuery UI.Layout Plug-in』です。あっと驚くレイアウトがさくっと作れてしまいます。

しかもjQueryらしく、展開できたり、ドラッグできたり、リサイズできたりしますよ。なんというか、至れり尽くせりですね。

layout-example_1232021998134

↑ まずは基本的なレイアウト。

complex-layout-demo_1232022014279

↑ こんなのもさくっと。左側は展開可能なメニューですね。

nested-layouts_1232022035618

↑ こういう複雑なものも可能です。

多少用語や文法を覚える必要がありますが、jQueryらしくシンプルかつ論理的なのでそれほど難しくないかと。JavaScriptもライブラリを使ってブラウザ間の差異を吸収できるようになりましたよね。こうしたライブラリでレイアウトもそうなって欲しいものです。

詳細&ダウンロードは以下からどうぞ。

» UI.Layout Plug-in – Home