文章の中央に画像等をドンと綺麗に配置するjQueryプラグイン「pull-q...
次のように、普通にやると崩れてしまいそうな配置を実現できてしまいま...(続きを読む)

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

美しいUIの月間イベントカレンダー実装jQueryプラグイン「Monthly.js」
スケジュール表示したい場合等のUI実装に使えそうですリスト表示にする...(続きを読む)

編集可能でインクリメンタル検索も出来るselect実装jQueryプラグイン...
自分で内容を入力できつつ、既存値からも選択できるselect実装が出来ます...(続きを読む)

CSSオンリーで動作するタイムラインUI「timelined」
CSSのみなので、JSがよくわからないというケースでも比較的簡単にカスタ...(続きを読む)

画像をボケた状態から鮮明にするアニメーション「Blurry-image-load」
。ぼかしながら徐々に鮮明にするエフェクトをを実装できます。関連エン...(続きを読む)

枠のサイズに応じてテキストを自動省略できる「Jquery-quickfit」
文字が枠の外にはみ出してかっこわるくなってしまうということはよく起...(続きを読む)

画像上にピンを立てて注釈を埋め込むことができる「jQuery.easypin」
画像にピンを立てて、洋服等をそのまま購入に結びつけるようなUIが簡単...(続きを読む)

フォームの送信をAjax化できるjQueryプラグイン「Submitter」
。開始、成功、失敗時のコールバック関数が設定するだけで、画面遷移無...(続きを読む)

ページ遷移をアプリっぽくすることができる「jQuery.smoothState.js」
WEBページというと画面遷移で一旦画面がクリアされて再描画されるため、...(続きを読む)

コンテキストメニューにアイコンやcheckbox/radioを付けられる「jQuery....
...(続きを読む)

HTMLをCanvasを使って画像に変換するjQueryサンプル
。HTMLで書いたものをそのまま画像に出来れば、SNSへのシェアがより簡単に...(続きを読む)

ブラウザプッシュ通知を簡単に使えるようにするjQueryプラグイン「...
HTML5のNotificationAPIをjQueryベースで簡単に書けますデモクリック時のアクシ...(続きを読む)

壊れたテレビ風のグリッチエフェクトを全ての要素にかけられるjQu...
画像を分割してずらしたり、にじみを出したりして壊れたテレビ風にエフ...(続きを読む)

レスポンシブなタイル状レイアウトを実現できる「jquery-mosaic」
タイル状レイアウトを実装するものもレスポンシブ対応できないものもあ...(続きを読む)

ストレスゼロで位置情報入力を簡単に実装できる「jquery-location-picke...
住所による検索はサジェストが出て簡単に検索でき、指定位置にマーカー...(続きを読む)

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

上下左右に表示できるサイドバー実装jQueryプラグイン「Sidebar」
。画面外からアニメーションしてくるサイドバーを実装するだけのプラグ...(続きを読む)

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

楽譜をWEB上で打ち込めるUI実装jQueryプラグイン「jsNoteEditor」
。アイテムをポチポチクリックで次のように楽譜と歌詞を入力できるUIが...(続きを読む)