2013年8月時点の、レスポンシブデザインに対応した、比較的新しいCSSフレームワークをまとめました。
フロントエンドフレームワークの先駆け的存在。最近バージョン3がリリースされ、フラットデザインへの移行が進んでいます。
UI関連のコンポーネントが充実している、軽量フロントエンドCSSフレームワーク。
Yahoo提供のレスポンシブデザイン対応CSSフレームワーク。
レイアウトのカラム割りにのみ特化したCSSフレームワーク。
グリッドと見出しなどの最小限のスタイルを備えたレスポンシブフレームワーク。
フラットなデザインのフロントエンドCSSフレームワーク。
カラム幅の指定がパーセント表記で直感的なCSSグリッドフレームワーク。
レスポンシブ対応のCSSフレームワーク。公式サイト上でフレームワークを使用するための各種HTMLコードを生成できる。
UI関連のスタイルが一式そろったCSSフレームワーク。
必要最小限のスタイルを備えたCSSフレームワーク。
グリッドレイアウト用のスタイルのみを備えたCSSフレームワーク。
こちらもグリッドレイアウト用のスタイルのみを備えたCSSフレームワーク。
2013年8月時点の、レスポンシブデザインに対応した、比較的新しいCSSフレームワークをまとめました。
レスポンシブ対応のCSSフレームワークいろいろ
Bootstrap getbootstrap.com: Bootstrap
フロントエンドフレームワークの先駆け的存在。最近バージョン3がリリースされ、フラットデザインへの移行が進んでいます。
UIkit getuikit.com: UIkit
UI関連のコンポーネントが充実している、軽量フロントエンドCSSフレームワーク。
Pure purecss.io: Pure
Yahoo提供のレスポンシブデザイン対応CSSフレームワーク。
skelJS skeljs.org: skelJS: A framework for building res...
レイアウトのカラム割りにのみ特化したCSSフレームワーク。
Responsable Framework responsablecss.com: A Responsive HTML CSS LESS SCSS Fram...
グリッドと見出しなどの最小限のスタイルを備えたレスポンシブフレームワーク。
Almost Flat UI websymphony.net: Almost Flat UI
フラットなデザインのフロントエンドCSSフレームワーク。
Unsemantic CSS Framework unsemantic.com: Unsemantic CSS Framework
カラム幅の指定がパーセント表記で直感的なCSSグリッドフレームワーク。
Maxmertkit maxmert.com: Maxmertkit
レスポンシブ対応のCSSフレームワーク。公式サイト上でフレームワークを使用するための各種HTMLコードを生成できる。
Workless workless.ikreativ.com: A clean and classy CSS framework. | ...
UI関連のスタイルが一式そろったCSSフレームワーク。
Base matthewhartman.github.io: Base - A super simple, responsive fr...
必要最小限のスタイルを備えたCSSフレームワーク。
Simple Grid thisisdallas.github.io: Simple Grid
グリッドレイアウト用のスタイルのみを備えたCSSフレームワーク。
Toast daneden.me: Toast | A Simple CSS Framework
こちらもグリッドレイアウト用のスタイルのみを備えたCSSフレームワーク。
関連するトピックス