Bootstrap, Foundation, INK, Gumbyの比較

Bootstrap系のCSSフレームワークを使いたくていくつか調べてみました。

比較表

	Bootstrap 3.2.0	Foundation 5	INK 3.1.0	Gumby 2.6
Sassが使えるか	◯	◎	◎	◎
IE対応バージョン	9+	9+	10+	8+
画面サイズ毎にスタイルを指定出来るか	◯	◯	◯	×
viewportの設定がzoom出来る設定か	◯	◯	×	×
スタイルを上書きするのではなく変数を変えることでカスタマイズが出来るか	◯	◎	◯	◯
テーマファイル	◎	△	×	×
何もしなくてもデザインが整うか	◯	△	×	×
モバイルファーストか	◯	◎	◯	×
ハンバーガーメニューのサポート	△	◎	◎	△
スマホの時にPagenationが崩れないか	△	△	△	×
スマホの時にfloatが勝手にキャンセルされないか	◯	◯	◯	×
フラッシュメッセージ用のUIが用意されてるか	◯	◯	◯	△
jQuery UIと併用可能か	◯	◯	◯	◯
Rails用のgemがあるか	◯	◎	◯	△
simple_form gemで使えるか	◎	◯	△	◯
今後発展の見込みがあるか	◯	◯	△	△

Railsで使用するのでGemのサポート状況も確認しています。

それぞれの雑感

Bootstrap

カスタマイズしづらいという声も聞こえるが今はそんなことないかも。

Foundation

全体的なバランスはGood!

INK

全体的には良さそうだがFoundationと比べると見劣りする感じ。

Gumby

細かいところには手が届かないのでカスタマイズも辛い予感。
比較した中では唯一IE8を標準サポート。