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」
プラグインで初期化するだけでレスポンシブ対応にできます関連エントリ...(続きを読む)

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

テキストエリアのサイズを縦横自動で拡大させられる「jquery.ns-autog...
。この手のスクリプトは色々とありますが、縦限定だったりします。こち...(続きを読む)

テーブルのヘッダーを固定表示することが出来る「jQuery.floatThead」
スクロールしてヘッダが消えるとこの列が何を意味しているのか分からな...(続きを読む)

レスポンシブで階層的なスライダーナビゲーション実装jQueryプラグ...
iOSのTableView風のUIから階層的に辿ってコンテンツを表示することもできる...(続きを読む)

ページ内テキストをハイライトすることができるJS「mark.js」
キーワードをハイライトさせるブラウザ等もありますが、サイト内の検索...(続きを読む)

時間を指定するフォームUI実装「jQuery.ptTimeSelect」
日付ピッカーはよくあいますが、時間ははじめて見たかもしれません。何...(続きを読む)

画像の特定部分をどんどんズームできる「jfMagnify」
次のように虫眼鏡っぽいUIで＋/−ボタンが付与されていて、更に拡大・縮...(続きを読む)

シンプルデザインがいい感じのvue.jsベースのWYSIWYG「Vue-html-editor」
Bootstrapなサイトでも違和感なく使えそうなデザイン。関連エントリ Bootstrap...(続きを読む)

カスタマイズ性の高いレーティング用jQueryプラグイン「Rateit.js」
星型以外にも面白い形にカスタマイズが自由にできます。関連エントリ SVG...(続きを読む)

複数のハンドルで範囲指定などに使えるHTML5スライダー実装「Multira...
次のような複数のハンドルがついたスライダーが実装できます。関連エン...(続きを読む)

ブラウザをフルスクリーンにするボタン実装
ブラウザを全画面表示にしたい場合のJSサンプルコードです。関連エント...(続きを読む)

AndroidでおなじみのtoastをWEBでも実現できるjQueryプラグイン「jquery.m....
通知等、アクション後のメッセージ表示に使えます。alert感覚で簡単に使...(続きを読む)

綺麗なチェックリスト風ウィザードを作成するjQuery実装サンプル
次のようにチェックが終わると折りたたまれてコンパクトになる美しいチ...(続きを読む)

Medium風のWYSIWYGエディタ実装「jQuery Notebook」
文字を選択するとツールチップが現れて文字修飾ができるMediumでお馴染み...(続きを読む)