CSSフレームワークまとめ

More than 3 years have passed since last update.

自分でもCSSフレームワークを作りたく、

巷にはどんなフレームワークがあるのか、ベンチマークをとる意味も含め、調べてみました。


Twitter Bootstrap

bootstrap

http://getbootstrap.com/

一番有名で一番使われてますね。

CSSフレームワークの王道。

v3.0からフラットになりました。

現在、v4がα版として出ています。

http://v4-alpha.getbootstrap.com/


Foundation

foundation

http://foundation.zurb.com/

こちらも有名。

BootstrapとこちらのFoundationは、幅広く用意されている感じがします。


Primer

primer.png

http://primercss.io/

Github製。もちろん見た目もGithub :octocat:


Pure

pure

http://purecss.io/

YUIからでているライブラリ。

クラスのつけかたがシンプルな印象です。


Gumby

gumby

http://gumbyframework.com/

こちらもなかなかのボリュームです。

Sass製。


Cardinal

cardinal

http://cardinalcss.com/

LESS製。

ミニマムでシンプルです。


INK

ink

http://ink.sapo.pt/

Sass製。

なかなかクオリティが高いです。


Skeleton

skeleton

http://www.getskeleton.com/

その名の通り、ベストオブミニマム!


Atlassian UI

aui

https://developer.atlassian.com/design/latest/

アトラシアン製品で使われいるUIをライブラリとして公開しているようです。


番外編


GitHub CSS Guideline

https://github.com/styleguide/css

フレームワークとして提供されていませんが、GitHubのガイドラインはなかなか参考になります。