CSSスマフォ向けサイト最適化にも使えそうなブラウザ幅に応じCSSが切り替えられるJSライブラリ「Adapt.js」。見ているユーザによってディスプレイのサイズなんかはまちまちで、ブラウザのサイズも結構違いますね。ように使い分けるのが容易になります。端末の違いなんかもCSSによって分けてしまえると、プログラム的な無駄な分岐を省けて綺麗に作れますね。ここら辺の分岐を簡単な使い方で勝手にやってくれるのがAdapt.js。スマートフォン向けサイトなんかにも使えます。iPhoneだと縦で大体320pxとかなのでそれに対応したCSSを作っておけばよいですね。基本となるCSSは設定しておき、別にそれぞれの幅に応じたCSSを動的に読み込ませると色々なサイズのブラウザに最適化されたUIで表示できます。通常サイズの場合2カラムサイズを小さくすれば1カラムのページに自動で変更されます。ブラウザをサイズ変更してもリアルタイムに変化します。既存サイトのスマートフォン対応はこういう仕組みで簡易的にやってしまうのもよさそうですね。