サイト内にMediumのテキスト編集ツールを組み込める「Dante」
テキスト選択時にのみツールバーが現れて文字修飾が可能。スマホでも比...(続きを読む)

jQueryとCSSで水平のタイムラインの実装デモ
タイムラインというとFacebookの縦のタイムラインが印象的ですが、水平方...(続きを読む)

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

HTMLコンテンツ全体のWYSIWYG編集を可能にするツール「ContentTools」
。ページ上の左上のペンのアイコンを押すとページ全体が編集可能となり...(続きを読む)

Bootstrapのselectを拡張した「select2」
selectボックスを次のようにリッチにすることができます関連エントリ Bootst...(続きを読む)

Bootstrapのポップアップ風デザインのモーダルを作成「Stackbox.js」
次のような、Bootstrapデザインのモーダル実装ができます。表示方法にもア...(続きを読む)

BootstrapとMaterial Design Liteの比較
記事。Bootstrapがプラグイン等も豊富に出てきて、標準となってきています...(続きを読む)

Bootstrapにモダンな機能を追加してくれるjQueryプラグイン「Smoke」
フォームのバリデートや通知、モダンなプログレスバー、フルスクリーン...(続きを読む)

コピペでOK。iOS9のAdBlockが有効な場合にページの表示を無効にする...
iOS9のAdBlockerが話題となっていますが、FuckAdBlockを使うことでAdBlockerがイン...(続きを読む)

iTunes検索＋試聴機能を自前サーバで実現できるOSS「iTunes Search」
BootstrapベースでかっこいいiTunes検索機能をJavaScriptベースでAPIをヒットして...(続きを読む)

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

iframeの高さを中身のコンテンツにあわせて切り替えられる「setIframe...
iframe外からはコンテンツの高さって取れなかったりしたと思うので、いざ...(続きを読む)

インスタに投稿した画像をサイト上に表示できるJS「Instafetch」
関連エントリ 指定ユーザのインスタグラムの写真を表示できるjQueryプラグ...(続きを読む)

textareaを入力値によってリサイズできるシンプルなjQueryプラグイン...
.ブラウザのtextareaは長文になるとスクロールが発生して使いづらいものに...(続きを読む)

selectの複数選択のUIをサジェスト方式に変えるjQueryプラグイン「easy...
。selectタグにmultiple属性を追加すると複数選択が可能ですが、これを複数...(続きを読む)

外部サイトへの移動やファイルを開く際に警告を簡単に出せる「Jqu...
他のサイトに移動する際やファイルを開く際に「他のサイトに移動します...(続きを読む)

軽量・レスポンシブなツールチップ実装「tipso」
。普通のツールチップだと画面サイズが小さくなっても調整などはしてく...(続きを読む)

シンプルなサイドメニュー実装jQueryプラグイン「Panel slider」
。ページの左からあらわれ、コンテンツごとスライドさせるスマホアプリ...(続きを読む)

オートコンプリート可能なプルダウン実装「jquery.ajax-combobox」
。選択肢が膨大にあっても対応可能なプルダウンを実装できます関連エン...(続きを読む)

テーブルのソート・フィルタ機能等、超多機能テーブルに変形させ...
テーブルを次のように超リッチにしてくれます。ページング、フィルタ、...(続きを読む)