レスポンシブな階層メニュー実装「menu-breaker.js」
デスクトップでもモバイルでもスマートに使える階層メニューの実装がで...(続きを読む)

スクロールでどんどん要素にアニメーションを加える「t-scroll」
要素が画面内に入った段階で要素をアニメーションする、最近ではよくあ...(続きを読む)

テーブルにフィルタ・並び替え・編集等の機能を加える「jquery-fullt...
プラグインで初期化すると次のようなテーブルに変化します。関連エント...(続きを読む)

JSONデータからレスポンシブなタイムラインUIを表示できる「jquery-al...
時系列に何がおこったか分かりやすいタイムラインですが、JSONからUIを生...(続きを読む)

ページ間をまるでJSで遷移しているように滑らかにアプリっぽく切...
アニメーションを使ってページの切り替えが行われますが、チラツキなど...(続きを読む)

CSSを使ってブラウザ上で動く検索エンジンを作る「Jets.js」
CSSのセレクタを適用して検索エンジンを作る、ということらしいです。単...(続きを読む)

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

ボタンをモーダルに気持よくアニメーションさせつつ変形させるデ...
。アニメーションの動きが派手すぎずアプリっぽくて気持ちいいです。関...(続きを読む)

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

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

HTML5動画プレイヤーを拡張させられる「jquery-video-extend」
。動画にロゴを入れたり、動画の位置をマーキングしたり、Youtube/FLV再生...(続きを読む)

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

横に長いテーブルもレスポンシブに使えるようにする「Tabella js」
。横長テーブルを一定の幅に調整し、スクロールボタンをつけることでレ...(続きを読む)

selectボックスでもっと高速に選択できるようにするUI実装「Quick sele...
通常のselectは一旦ドロップダウンを開いてから探して選択、という使い方...(続きを読む)

カッコ悪いinput[type=file]をモダンにしてドラッグ＆ドロップ対応に...
カッコ悪いinput[type=file]をモダンにしてドラッグ＆ドロップ対応にする「Dro...(続きを読む)

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

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

パックマン風の円形タイマーを実装できる「jQuery PieTimer」
単色のシンプルな円形がタイマーによって小さくなっていくというエフェ...(続きを読む)

物理ベースのアニメーションライブラリ「Dynamics.js」
。SVGアニメーション、ローダー、メニュー等のリアルなアニメーションに...(続きを読む)

流行りのページスクロールによるアニメーション効果が多数収録さ...
がダウンロード可能です。パララックス効果や3D効果など、クオリティの...(続きを読む)