その他
【Adapt.js】ブラウザ幅に応じてCSSが切り替えられるJSライブラリ

http://adapt.960.gs/
Demo Page Download Page
Lisence

GPLライセンスMITライセンス

※ライセンスが変更される可能性がありますので、使用される際は必ずご自身でご確認ください。

Browser

01.Firefox02.Chrome03.Opera04.Safari05.InternetExplorer606.InternetExplorer707.InternetExplorer808.InternetExplorer909.InternetExplorer10

Tag

CSSブレイクポイント

設置方法などの参考ページ

[JS]IE6でもブラウザのサイズに合わせて最適なスタイルシートを適用するスクリプト -Adapt.js

http://coliss.com/articles/build-websites/operation/javascript/js-adapt.html

3のMedia Queriesを使用して同様のことができますが、3非対応ブラウザでも動作し、且つjQueryなど他のスクリプトに依存しないでブラウザの幅をチェックし、そのサイズに最適化され

公開日：2015.04.08
最終更新日2015.04.09

Related Posts

【jquery Bottom】一番下までスクロールしたら自動的にコンテンツを表示するjQueryプラグイン
http://www.inwebson.com/demo/jqfloat/
【jqFloat】要素をふわふわ動かすjQueryプラグイン
http://bgrins.github.io/spectrum/
【Spectrum】カラーピッカーを実装するjQueryプラグイン
http://experiments.muditameta.com/whichTriangle/metroTile.html
【whichTriangle】クリックすると押されたようなエフェクトがかかるjQueryプラグイン
http://projects.lukehaas.me/scrollify/
【Scrollify】縦長ページでちょうどいい位置にスクロールしてくれるjQueryプラグイン
http://www014.upp.so-net.ne.jp/makog/js/jquery_flicksimple/
【jQuery.flickSimple.js】フリック動作を実現するjQueryプラグイン
http://scrolldepth.parsnip.io/
【Scroll Depth】スクロールを解析できるようにするjQueryプラグイン
http://tablesorter.com/docs/#Demo
【tablesorter】テーブルの行を条件で並び替えるjQueryプラグイン
http://do-web.com/jcontent/demo
【 jContent】縦方向のスライドも実装できるシンプルなコンテンツスライダーjQueryプラグイン
http://blog.ks-product.com/lib/jquery.createvideo/
【jQuery.createvideo】動画サイトの動画を簡単に埋め込みできるjQueryプラグイン

Page Top