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

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

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

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

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

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

文書スクロールと共に地図をアニメーション表示できるデモがすご...
。旅のログ等に表示すると超わかりやすそうなUIを作れます。スクロール...(続きを読む)

SVG＋JSで美しいレスポンシブなグラフを描画できる「pizza」
シンプルですが汎用的な円・棒・線グラフが描画出来ます。カーソルに応...(続きを読む)

マテリアルデザインのPullして更新をWEB上で実現できるjQueryプラグ...
アプリでお馴染みのUIをスマホWEBでも使えます。関連エントリ Pull to Refresh...(続きを読む)

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

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

タブバー風のレスポンシブメニューを実装できる「Paradeiser」
スマホサイトでのメニューはハンバーガーメニューが主流でしたが、タブ...(続きを読む)

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

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

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

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

レスポンシブで大きめの押しやすいサイドバーを実装するデモ
。クリックする前は普通のハンバーガーメニューですが、クリックすると...(続きを読む)

今風なグリッドxアニメーションするレイアウト実装デモ「Grid Item A...
。グリッドをクリックすると画面遷移なしにアイテムが全画面に広がりま...(続きを読む)

背景画像をカッコよくアニメーションして今風にする「CROSSCOVER」
animte.cssをつかっていて、アニメーションがかなり豊富で使いやすそうです...(続きを読む)

タグによってアイテムをフィルタする仕組みを提供するjQueryプラグ...
divのattrにtagを設定しておけば、簡単にアイテムのフィルタリングを可能に...(続きを読む)