フォーム内の特定要素のlocalStorageへのバックアップを可能にする「...
。ブラウザの終了や予期せぬリロード等によってフォームの内容が消えて...(続きを読む)

クレジットカード入力専用フォームを実装できる「payform」
。次のようなデザインのフォームを実装出来る他、JSでの簡単なバリデー...(続きを読む)

divによるブロックを分割してデスクトップアプリ風にリサイズでき...
境界をドラッグ＆ドロップでリサイズできるおなじみのUIがWEBでもお手軽...(続きを読む)

２つの色をブレンドすることが出来るJS「colorblendjs」
指定した２色の色から新しい色を生成することが可能です関連エントリ 高...(続きを読む)

サイトのAjax化が簡単になるフレームワーク「intercooler.js」
<a ic-post-to="/endpoint">click</a>　のように属性を指定すればAjax...(続きを読む)

複数の要素をなめらかに動かすアニメーションライブラリ「snabbt.js...
複数の要素を魚群のように規則正しく動かすことで面白い効果を作ること...(続きを読む)

HTML＆JSで円形のローダー実装「CircularLoader.js」
シンプルなデザインでフラットなデザインにもよく合いそうです。画像レ...(続きを読む)

ルーレット型のUIを実現できるjQueryプラグイン「rouletteWheel」
クリックするとルーレットが回転し、止まるというアナログ風UIを実現出...(続きを読む)

人員のスケジュールを並べてタイムライン表示できる「schedulerjs」
次のような、横スライド型のタイムチャートを作ることが出来ます。メン...(続きを読む)

ブロック要素の好きな位置にツールチップを配置でき移動も簡単に...
。次のように要素の角や辺にツールチップを配置し、ドラッグ＆ドロップ...(続きを読む)

ページを２分割した面白UI実装デモ「Dual Sliding Panels」
ページを２分割して一方をクリックでページが開く感じのモダンなUIが作...(続きを読む)

テキストのplaceholderがズレて見失わなくできるjQueryプラグイン「Smar...
フォーカスを合わせるとプレースホルダが下にズレて、なんだっけ？をな...(続きを読む)

selectボックスでもっと高速に選択できるようにするUI実装「Quick sele...
通常のselectは一旦ドロップダウンを開いてから探して選択、という使い方...(続きを読む)

CSS、jQueryでレスポンシブな高品質サイドバーナビゲーションを作成...
階層的なメニューにも対応しており、なかなか高品質なサイドバーが実装...(続きを読む)

ブラウザトップのプログレスバーを簡単実装できる「ToProgress.js」
バー表示に必要なAPIはそろっていて、シンプルですが便利に使えそうです...(続きを読む)

レスポンシブで全画面やズーム表示に対応したLightBox実装「Chocolat...
Lightboxは色々ありますが、ユニークなLightBoxクローンの１つで、全画面やズ...(続きを読む)

クールな独自の右クリックコンテクストメニューを実装できるjQuery...
次のようにカッコいいコンテクストメニューが実装できます。対象の要素...(続きを読む)

Bootstrapのポップアップ機能を拡張できる「ggpopover.js」
上下左右のポジション変更と自由なカラーリングが出来るようになってい...(続きを読む)

iframeのサイズをコンテンツに応じて自動リサイズを出来るようにす...
。iframeってお手軽に使えるんですが、iframe内外のJSが連携するのは別ペー...(続きを読む)

Markdown記法そのままでWYSIWYGできるエディタ実装jQueryプラグイン「Mar...
次のようにmarkdownをそのまま入れていくと、WYSIWYGでテキストが修飾されま...(続きを読む)