jQuery browserSizr | jQuery Plugins

ブラウザサイズに応じてclass名を自動で付け替えてくれるjQueryプラグイン「browserSizr」。
スマートフォンや色々な解像度のPCがあるご時世ですが、ブラウザのサイズに応じてコンテナのclass名を付け替えてくれるjQueryプラグインのご紹介です。
クラス名が変わることによってデザインをCSSで自由に切り替えることが可能です。
スマートフォンにも対応しているようです。自分で作っちゃっても全く問題なさそうな機能ではありますが、スクリプティングがめんどくさいという方はこれを使っちゃったり参考にしてもよさそう。



1024ピクセル以上の場合(Chromeのデベロッパーツールでみています）



1024ピクセル以下にブラウザを縮小すると次のようにクラスが付与され、デザインも調整されます。



あとは好きにCSSでデザインしちゃうだけです。

関連エントリ

• スマフォサイト作る際に覚えておくと便利なモバイル用jQueryプラグインいろいろ
• シンプルデザインで使いやすい日付ピッカー実装jQueryプラグイン「glDatePicker」
• フォーム要素をクールにするためのjQueryプラグイン集