フォーム要素をフラットかつ全デバイスで統一させるjQueryプラグイ...
。OSやブラウザによってフォームデザインが変わって、PCで見ていると綺麗...(続きを読む)

座席番号の予約機能などに使えそうなjQueryプラグイン「jQuery-Seat-Cha...
座席を見たままクリックすることで予約できるUIは映画館や飛行機予約等...(続きを読む)

内容に応じて自動伸縮するtextareaを超簡単実装「Expanding Textareas」
。プラグインを読み込んでtextareaにclass付与だけでOKでお手軽関連エントリ...(続きを読む)

使いやすい複数選択エレメントを実現するjQueryプラグイン「multisele...
アプリケーションに実装されているような次のような複数選択ボックスをW...(続きを読む)

属性設定で簡単にデータバリデーションが出来るJSフレームワーク...
<input>に対して data-* の形で属性を設定すればデータのバリデーション...(続きを読む)

チェックボックス、ラジオボタンをクールにデザインできるjQueryプ...
。一般的なチェックボックスを少し調整してクールにしたものや、リデザ...(続きを読む)

範囲指定が可能になるUI実装jQueryプラグイン「noUiSlider」
次のようなデザインのスライダーを実装でき、ドラッグドロップ時のステ...(続きを読む)

マークアップにValidateルールを定義してフォームバリデーションで...
マークアップにルールにそった属性を定義しておき、プラグインを初期化...(続きを読む)

スマホでのフォーム入力をシンプルに分かりやすくできる「Leader.js...
最初は１個のインプット。入力していけば次々表示され、まず何をやるべ...(続きを読む)

HTML5のプレースホルダをもっと良くする「JVFloat.js」
。inputの中にグレーで入力するもののヒントを表示できるプレースホルダ...(続きを読む)

クールなタグ入力＆オートコンプリート機能付きフィールド実装jQu...
。テキストフィールドに入力するとオートコンプリートしつつ次のように...(続きを読む)

次世代の検索フォームを作成するjQuery＆CSS3サンプル
。CSS3をフルに使って、面白い検索フォームを作るチュートリアルです。ア...(続きを読む)

立体感がリアルなON・OFFスイッチ実装jQueryデモ
。CSS3でやっているわけではなく、画像を切り替えているだけなのでそこま...(続きを読む)

スマホ用サイトに使えそうなドロップダウン実装jQueryプラグイン「...
。次のような白と黒のデザインでドロップダウンを実装できます。単なるs...(続きを読む)

selectボックスを超カッコよくするjQueryプラグイン「Chosen」
味気ないselectのデザインをゴージャスかつ多機能に変えてくれるプラグイ...(続きを読む)

フォーカスで伸縮するクールな検索窓のデモ
が公開されています。場所を取らず、そこまで目立たせたくないような場...(続きを読む)

フォーム内容が正規表現にマッチしなかったらヒント表示ができる...
文字をタイプしていて、エラーがある場合はその場で表示してくれるプラ...(続きを読む)

DOM要素をターミナル風の入力エレメントにしてくれる「cssConsole」
divエレメントをプラグインで追加される、.cssConsoleで初期化。次のような...(続きを読む)

超カッコいい確認ダイアログをjQueryで実装するチュートリアル
普通、ダイアログというと javascript の confirm とか、その他 jquery プラグイ...(続きを読む)

iframeやtextareaをドラッグ＆ドロップでリサイズできるようにするjQue...
textareaのリサイズはよくありますが、iframeもリサイズできます。初期化す...(続きを読む)