selectボックスを超カッコよくするjQueryプラグイン「Chosen」:phpspot開発日誌
Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better selectボックスを超カッコよくするjQueryプラグイン「Chosen」 味気ないselectのデザインをゴージャスかつ多機能に変えてくれるプラグインです。 左が普通のselect。これをカスタマイズして右のイメージに。インクリメンタル検索ができるので項目数が多くてもOK タグ選択っぽいインタフェースにすることも出来ます 選択時のイメージ。カッコいい。 BootStrapライクなデザインなので組み込んでしまっても違和感ないかもですね 関連エントリ 中身が画像のselectボックスを作るjQueryプラグイン デザインがよくて複数連動可能なselectボックス作成jQueryプラグイン カッコいいselectボックスを作成でき
input要素の前と後にアイコンを添えたオシャレなフォームを実装するチュートリアル
Coloured 前後+カラーリングのパターン 実装 HTML HTMLはシンプルで、アイコンやカラーリングはclassで判別します。 <!-- 1st prefix with email icon and default color (grey) --> <input placeholder="Type here..." class="ppfix pre email" type="text"> <!-- 2nd postfix with google plus icon and default color (grey) --> <input placeholder="Type here..." class="ppfix post gplus" type="text"> <!-- 3rd prefix with home icon and blue color --> <input pla
ドラッグ＆ドロップでアイテムを移動できる階層ツリー実装jQueryプラグイン「Nestable」:phpspot開発日誌
ドラッグ＆ドロップでアイテムを移動できる階層ツリー実装jQueryプラグイン「Nestable」 2012年07月19日- Nestable ドラッグ＆ドロップでアイテムを移動できる階層ツリー実装jQueryプラグイン「Nestable」。 次のような綺麗なリストを下位の海藻までドラッグ＆ドロップで自由に移動できる所がポイント。 jQuery使っているとはいえ一から実装すると大変そうですが、簡単に実現できてしまいます。 折りたたみも可能です 階層データをJSONで吐き出すこともでき、データの保存も簡単。またそのデータを元にツリーの描画も可能ということで便利。 関連エントリ ブラウザ上でサインを書けるjQueryプラグイン「jSignature」 ページめくりを実現するためのjQueryプラグイン集 レスポンシブなカルーセル実装jQueryプラグイン「Slastislide」 アイテムを浮遊
クールなタグ入力＆オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」:phpspot開発日誌
クールなタグ入力＆オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」 2012年01月23日- jQuery TextExt Plugin クールなタグ入力＆オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」。 テキストフィールドに入力するとオートコンプリートしつつ次のようにタグ風に入力できるフィールドが実装出来ます 実装コードは次のようにtextareaを初期化するだけで、補完用アイテムも配列かajaxで指定できるみたい。 こうしたインタフェースが最適な部分って最近のＷＥＢサイトでは結構ありそうですが、覚えておくと素早く簡単に実装できますね 関連エントリ 面白いテキストアニメーションが作れるjQueryプラグイン「textualizer」 紙芝居のようなアニメーションでスライドするスライダー実装jQueryプラグイン「Innov
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ビルドのコマンドとプロパティのマクロ