248
243

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

CSSフレームワークまとめ

Last updated at Posted at 2014-07-26

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

Twitter Bootstrap

bootstrap

一番有名で一番使われてますね。
CSSフレームワークの王道。
v3.0からフラットになりました。

現在、v4がα版として出ています。
http://v4-alpha.getbootstrap.com/

Foundation

foundation

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

Primer

primer.png

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

Pure

pure

YUIからでているライブラリ。
クラスのつけかたがシンプルな印象です。

Gumby

gumby

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

Cardinal

cardinal

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

INK

ink

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

Skeleton

skeleton

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

Atlassian UI

aui

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

番外編

GitHub CSS Guideline

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

248
243
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
248
243

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?