textareaに行番号を付けられるjQueryプラグイン
次のようなシンプルな行番号を付けられます関連エントリ textareaを入力値...(続きを読む)

Bootstrapなフォームでのリアルタイムバリデーションを行う「Validator...
入力の段階でエラーがある際にフィールドのborderをハイライトしてくれた...(続きを読む)

JS＆CSS3でWindowsMetroのタイルUIを実装する「TileJS」
タイルを押すと四角系が傾いてWindowsMetroっぽい挙動を再現できます関連エ...(続きを読む)

画像のレンガ状レイアウトライブラリ「Justified Gallery」
。レンガ状レイアウトのライブラリは沢山ありますが、その１つの選択肢...(続きを読む)

フォームのプレースホルダをアニメーションしてズラす「phAnimate」
inputにフォーカスするとグレー表示のプレースホルダが左上にずれて入力...(続きを読む)

ページの隅に隠せるコンテンツ実装「jquery.tabSlideOut.js」
次のように通常はページサイドにしおりのように表示させておいてタップ...(続きを読む)

画像内にテキストや図形を合成できるjQueryプラグイン「naver/ImageMaps...
...(続きを読む)

Selectボックスをポップアップ形式に変更できる「PopSelect」
純粋なselectボックスよりも選びやすく、複数選択もしやすいUIの実装がで...(続きを読む)

フラットデザインが良い感じの日付ピッカー「flatpickr」
次のような日付ピッカーの実装が可能です関連エントリ マテリアルデザイ...(続きを読む)

マウス位置がviewportから外れた際のイベントとマウス位置を検出で...
マウス位置が画面内から外れた際になにかアクションを起こしたい際に使...(続きを読む)

色やサイズが自由に変更できる星形レーティング機能実装「starwarsj...
画像形式だと色やサイズ変更は面倒ですが、こちらであればフォントをベ...(続きを読む)

スプレッドシート風のテーブルウィジェット実装JS「Dynamic Table」
Ajaxでのデータ読み込み、データのソートやフィルター、セルの編集等とい...(続きを読む)

Youtube,Vimeoなどの動画をレスポンシブにするためのJS「superembed.js」
ページ内に存在する動画タグを自動検出してレスポンシブにしてくれるJS...(続きを読む)

data属性を付与するだけでシェアボタンが簡単に作れる「Sharer.js」
既存の要素にdata-sharer="twitter"、data-url="http://〜" 等と設定し...(続きを読む)

簡単なTODOリストウィジェットをサイトに組み込めるjQueryプラグイ...
簡単な、とはいえ必要な機能はそろっていて、ドラッグ＆ドロップによる...(続きを読む)

範囲指定のスライダーUIを簡単に実装できる「RangeTouch」
次のようなタッチデバイスでも動作するようなフォームUIを input type="ra...(続きを読む)

サイトのテーマを変更する機能を提供する「jquery Theme Switcher」
テーマ変更のためのUIと仕組みを提供してくれます。サイトカラーをユー...(続きを読む)

テーブルをサクッとレスポンシブ対応にする「resTables」
複数列あるテーブルをスマホでみると２列に調整して表示出来ます。シン...(続きを読む)

iframe,embed,object,videoをレスポンシブ対応にするjQuery「Flexy」
プラグインで初期化するだけでレスポンシブ対応にできます関連エントリ...(続きを読む)

ズーム、回転、スライド等の機能が詰まった画像ビューワ機能実装...
カスタマイズ性も高く色々調整できるようです関連エントリ タイル状、ス...(続きを読む)