jQuery Org Chart ? a plugin for visualising data in a tree-like structure The Silver Lining 組織図っぽい図を簡単に作れるjQueryプラグイン「jQuery Org Chart」 次のような組織図を作ることができます。ドラッグ＆ドロップでインタラクティブに再配置することも可能です ドラッグ＆ドロップで再配置可能 気になるマークアップですが、ul, li を階層的に記述するだけでよいものになっています。これを上記のようにビジュアライズしてくれるのは楽ですね 関連エントリ アニメーションするスピードメーターを実装できるjQueryプラグイン「Speedometer」 複数要素の関連をビジュアライズできるライブラリ「arbor.js」

liteAccordion - a horizontal accordion plugin for jQuery 良い感じの水平アコーディオン実装jQueryプラグイン「liteAccordion」 次のようなデザインのアコーディオン実装プラグインです。 シンプルデザインにもすることが出来ます。 アコーディオン実装の際の選択肢として覚えておいてもよいかも。 関連エントリ ピュアCSSでアニメーションするアコーディオン実装デモ 少ないスペースに一杯情報を埋め込めるクールなアコーディオン実装jQueryプラグイン「Easy Accordion」

Soofit-some problems resolved: jshine - jQuery effect plugin 要素をキランと輝かせるアニメーション実装jQueryプラグイン「jshine」。 Googleの検索結果で＋１ボタンがキランと光ったりする今日この頃ですが、指定要素上に画像をアニメーションさせてキランと輝く効果を簡単に付与できるjQueryプラグインのご紹介。 デモは微妙にかっこ悪くなっていますが、オーバーレイする光の画像を斜めにしたりすることでカッコイイ効果が作れるはずです。 光っている様子。 オーバーレイさせている画像。プラグインオプションで画像は自由に交換できます。 関連エントリ Flashみたいなテキストエフェクトが作れるjQueryプラグイン「TextFX」 小さくで可愛いグラフが描けるjQueryプラグイン「Piety」 画像スライダーに関することならお任せ

DropKick - a jQuery plugin for beautiful dropdowns スマフォでもイケてるクールなドロップダウン実装jQueryプラグイン「DropKick」 次のようなデザインのドロップダウンが実装できます。大きめなデザインなのでスマフォでも使えます。 テーマは2種類あってホワイトとブラックから選べます マークアップとしては単なるselectなのでJSがおふでも使えるというものです 関連エントリ 超かっこいいmarquee2.0を実現するjQueryプラグイン「fMarquee」 テキストにグラデーションをかけられるjQueryプラグイン「True Gradient Text」 ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」

DocumentCloud's VisualSearch.js クールで高機能な次世代検索ボックスを作成できる「VisualSearch.js」 検索ボックスというとどのサイトも<input type="text">があってCSSで修飾されていたりオートコンプリートが付いていたりするものですが、今回紹介する検索ボックスはそれらをもうちょっと進化させたものになっています。検索条件など細かくをいれてもらうような場合、フォームが巨大になってしまったりしますが、その心配はありません。１つの検索ボックスで完結します。 検索ボックスがあります 入力するとフィルタの候補が現れます Enterで補完されます 条件を入れていきます ×ボタンで条件は消せますし、条件の上でクリックすればそのままオートコンプリートが走ります 日付の指定なども検索ボックス上で完結させられます こうした検索ボックスが合わないサイトも

Generating a color palette from a image in php PHPで画像からHTMLのカラーパレットを作るサンプルプログラムがcode dieselにて公開されています。 画像を渡せば、GDを使って使われている色を分析し、頻度の多い順に配列で受け取ることができます。 なんらかのWEBサービスやツールに応用することができそうです。 クラスライブラリの形なので再利用も超簡単です。 元記事ではテーブルタグを使ったカラーパターンの出力用プログラムも公開されています。 関連エントリ PHPでWEBサイトのスクリーンショットを作成するチュートリアル PHPでAmazon SESを使うチュートリアル