画像の特徴色をJSで抽出できる「Colorify.js」
。画像の特徴色が分かれば、背景と調和させたり、デザインの幅が広がり...(続きを読む)

Android, iOS, Windows Phone用のアイコン等を全サイズ一括生成できるテン...
Photoshop, Illustrator, Sketch, Affinity Designerに対応しているそうです。iOS単体で、...(続きを読む)

離席時と復帰時にイベントを起こせるプラグイン「jquery-idlecat」
お好みの処理をそれぞれオプションとして渡せば、離席・復帰時に処理を...(続きを読む)

ブラウザの戻るボタンクリックを検出して処理を書けるようにする...
ブラウザの戻るボタンが押された際に何かしらのアクションを促したり、A...(続きを読む)

綺麗な右クリックコンテキストメニューを実装できる「jQuery contextM...
次のようなメニューを実装できます。階層化もできるようで便利そう関連...(続きを読む)

ブラウザ上でリッチなOSのUIを実現できる「OS.js」
。画面上にWindowを並べて、OSライクに使えるUIが実現できます。ゲームや音...(続きを読む)

言語切り替え用のドロップダウンUIを簡単実装できる「Polyglot」
次のように国旗付きの分かりやすい言語切替UIが簡単実装できます。汎用...(続きを読む)

次世代のCSSホバーエフェクト全部のせ「iHover」
とにかくカッコイイホバーエフェクトが満タンで、カッコいいインタラク...(続きを読む)

要素にclassを指定できるだけでcss3アニメーションさせられる「ALL AN...
。とにかく豊富なアニメーションパターンが収録されていますが、気持ち...(続きを読む)

HTML5での追加・廃止タグ・ブラウザサポート等が一目で分かる「The ...
覚えることが多くて非常に大変ですが、チートシートでサクッと把握でき...(続きを読む)

CSSアニメーションの終了をJSで検知してコールバックを実行できるJ...
CSSアニメーションの終了と共にJSを発火できるので便利そうです。関連エ...(続きを読む)

PDF、ODTのドキュメントをSlideshare風にサイト内に埋め込める「ViewerJS...
。次のようなビューアをサイト内に埋め込めます。SlideShare等を使いたくな...(続きを読む)

スマホの傾きでページスクロール出来るようにする「Interdimensional...
こちらのライブラリを実装すれば、スマホを傾ければコンテンツをスクロ...(続きを読む)

Windowsフォルダ風の階層的にファイルを辿れるUIを実装できる「folder...
フォルダUIの再現度が高く、使い慣れたUIをWEBでも使えるようにできます関...(続きを読む)

ブロック要素の好きな位置にツールチップを配置でき移動も簡単に...
。次のように要素の角や辺にツールチップを配置し、ドラッグ＆ドロップ...(続きを読む)

CSS、jQueryでレスポンシブな高品質サイドバーナビゲーションを作成...
階層的なメニューにも対応しており、なかなか高品質なサイドバーが実装...(続きを読む)

住所の入力補完でGoogleAPIを使うチュートリアル＆サンプル
。住所等を自動補完する際にGoogleのAPIを使って行うサンプルです。日本もO...(続きを読む)

コンテンツ表示時の3D折りたたみ表現実装サンプル
。アイテムをクリックするとページが半分から割れて、折りたたまれてい...(続きを読む)

ページのスクロールに応じて伸びるプログレスバーUI実装「scrollgres...
縦のスクロールバーに加えて、横の分かりやすいスクロールバーでどこら...(続きを読む)

divに属性をしておくだけでスクロールインした際にアニメーション...
animate.cssのアニメーション効果を、スクロールインした際に起動させられ...(続きを読む)