GIFアニメーションに再生ボタンを付けられる「Gifffer」
次のように再生ボタンを付けて、押すとGIFアニメの再生がはじまります。...(続きを読む)

タッチデバイスでリストを並び替えたり削除したりできるUI実装が...
ClearというTODOアプリがありましたが、あれ風のことをブラウザ上で実現で...(続きを読む)

ネットワーク図やタイムライン等を描画できるユニークなビジュア...
。まず、次のようなネットワーク図っぽいもので、図を分かりやすく出来...(続きを読む)

PayPalショッピングカートの導入を容易かつクールにできる「Minicart....
ボタンクリックでポップアップでカートに追加されすぐにPayPalチェックア...(続きを読む)

モダンなローディングエフェクトが実装できる「fakeLoader.js」
。ページ全体にオーバーレイ効果をかけ、中央にスピナーアニメーション...(続きを読む)

Googleの新しいreCaptchaをPHPで使うためのチュートリアル
Googleへの登録〜サンプルスクリプトの紹介。サンプルスクリプトのダウン...(続きを読む)

Apple、Google、Windowsストア用ボタンセット
。次のように３つの同じサイズのボタンが提供されています。標準ボタン...(続きを読む)

Bootstrap用、横スライド式メニュー等の追加コンポーネントが使える...
。通常のBootstrapだとスライドダウンする形式のメニューがレスポンシブで...(続きを読む)

BootstrapのDropdownを使うなら必ず知っておきたい「Bootstrap Enhancement Dro...
BootstrapのDropdownを使うなら必ず知っておきたい「Bootstrap Enhancement  Dropdow...(続きを読む)

移動、拡縮、最小化、最大化が可能なBootstrap用モーダルダイアログ...
。次のようなデザインのダイアログが実装できます。標準のモーダルより...(続きを読む)

Bootstrapなサイトでいい感じのモーダルダイアログを実装できる「uib...
。次のようなシンプルですが、閉じるボタンもついていて、他のUIをブロ...(続きを読む)

日付と時刻の両方を入力する際に使えるjQueryプラグイン「DatePair」
。次のようにシンプルなUIでBootstrapなサイトでも使えそう。日付のフォー...(続きを読む)

CSS3のグラデーションがより簡単に使えるようになるjQueryプラグイ...
。プラグインを読み込めば、<div class="square rainbow" id="gradient_2&...(続きを読む)

クールなWEBサイト上での通知実装サンプル集
様々な通知の出し方がテストでき、勿論ソースもDLできるのでそのまま使...(続きを読む)

オシャレなalertを実装できる「SweetAlert」
次のようなデザインのalertが実装できます。ダイアログがアニメーション...(続きを読む)

時間の選択に便利なUIを提供できる「jquery.ui.timeselect」
。次のように入力時間の候補を補完できます。時間の入力って以外と多い...(続きを読む)

押しやすいカスタムデザインのcheck/radioボックスを実現できる「jque...
...(続きを読む)

テーブルカラムをカラム指定でフィルタリングできる「PrinceFilter」
。テーブルをプラグインで初期化すると次のようなアイコンが現れ、クリ...(続きを読む)

開閉できる画像キャプション実装「Captioner.Js」
。画像上に文字を表示するキャプション。開閉可能なキャプションが実装...(続きを読む)

レスポンシブでタッチフレンドリな軽量LightBox実装jQueryプラグイン...
4kbと軽量で、画像だけLightbox風にしたいのであればこれはよさそうです。...(続きを読む)