すたらブログ

文系Webプログラマの備忘録

jquery.semiResponsive: 適用するCSSファイルを自動または手動で切り替えるjQueryプラグイン

jQuery
version 1.0.1 (2014-06-22)

特徴

普通のレスポンシブデザインと同じく、ある画面幅を境にしてPC用、スマホ用それぞれのCSSを適用させることもできます。
また、画面幅に関係なく任意のCSSに固定することもできます。

なお、それぞれの状態をURLのGETパラメータで記憶しています。

自動 (レスポンシブ)

PC用に固定

スマホ用に固定

経緯

きっかけは、この記事を読んだことでした。