HOME

ABOUT

ARCHIVES

CONTACT

Ink

最強のHTML&CSSフレームワークを選べ!世界で人気のフレームワーク20選

デザイナーにとっても開発者にとっても、作業効率をあげる上でかかせないのがCSSフレームワーク。ここでは、いま世界で流行っているCSSフレームワーク20選を紹介します。

20 Best HTML & CSS Frameworks 2014 for Web Designers

KEY SENTENCE

Bootstrap

HTML Kick Start

Pure

Cardinal

INK

BASE

Foundation

Kube

Toast

Yaml

Responsive

Less Framework

Columnal

Susy

HTML5 Boilerplate

Skeleton

Montagejs

Gumby

Atlassian UI

Bootstrap

Bootstrap

http://getbootstrap.com/

オススメ度:★★★★★

言わずと知れたHTML&CSSフレームワークの代名詞!和訳も多く、初心者にもおすすめ!

HTML Kick Start

HTML-KickStart

http://www.99lime.com/elements/

オススメ度:★★★★★

結構有名なフレームワーク!優れたUI kitが豊富で、簡単に優れたデザインが実装可能です。

Pure

Pure

http://purecss.io/

オススメ度:★★★★★

シンプルで操作性に優れたHTML&CSSフレームワーク!かなり分かりやすいのでおすすめです。

Cardinal

Cardinal

http://cardinalcss.com/

オススメ度:★★★★☆

無駄のないシンプルなHTML&CSSフレームワーク。使いやすいです!

INK

Ink

http://ink.sapo.pt/

オススメ度:★★★★☆

コンポーネントが豊富なHTML&CSSフレームワーク。サイトも見易く使いやすい!

BASE

Base

http://matthewhartman.github.io/base/

オススメ度:★★★★☆

シンプルなHTML&CSSフレームワーク

Foundation

Foundation

http://foundation.zurb.com/

オススメ度:★★★★☆

見易さ・操作性に優れたHTML&CSSフレームワーク!おすすめ!

Kube

Kube

http://imperavi.com/kube/

オススメ度:★★★★☆

ミニマルなデザインと見易いコンポーネントで使いやすいフレームワーク。

Toast

Toast

http://daneden.github.io/Toast/

オススメ度:★★★☆☆

軽量のグリッドレイアウトフレームワーク

Yaml

YAML

http://www.yaml.de/

オススメ度:★★★☆☆

テンプレートも豊富なHTML&CSSフレームワーク

Responsive

Responsive

http://responsive.gs/

オススメ度:★★★☆☆

RWD対応のグリッドレイアウトフレームワーク!トップページにコンポーネントが記載されているのでいいですね。

Less Framework

Less-Framework-4

http://lessframework.com/

オススメ度:★★☆☆☆

RWD対応のグリッドレイアウトフレームワーク!分かりやすいですね。

Columnal

Columnal

http://www.columnal.com/

オススメ度:★☆☆☆☆

ちょっと見辛い…かな?

Susy

Susy

http://susy.oddbird.net/

オススメ度:★★☆☆☆

サイトそのものがあんまり好きでないですが、いいものが作れます。(笑)

HTML5 Boilerplate

HTML5-Boilerplate

http://html5boilerplate.com/

オススメ度:★★☆☆☆

web appを作る方に向けたフレームワーク

Skeleton

Skeleton

http://www.getskeleton.com/

オススメ度:★★★★☆

名前の通り骨組みだけのシンプルなフレームワーク。ビジュアルで見せたりする場合はこのくらいシンプルなフレームワークがおすすめ!

Montagejs

MontageJS

http://montagestudio.com/montagejs/

オススメ度:★★☆☆☆

HTML5フレームワーク。シングルページアプリケーションなんかを作る際におすすめ!

Gumby

Gumby

http://gumbyframework.com/

オススメ度:★★★★☆

必要なものはほぼ網羅してくれているHTML&CSSフレームワーク。おすすめ!

Atlassian UI

Atlassian

https://docs.atlassian.com/aui/latest/

オススメ度:★★☆☆☆

コンポーネントも豊富なHTML&CSSフレームワーク。ちょっと見辛い…かな?

20フレームワークと書いてありますが、19個しか紹介していないのは突っ込まないでください。

気に入っているのは★4つ以上のもので、それ以外は、使ったことはありません。

Siyabonga ekufundeni kwakho.(訳:最後まで読んでくれてありがとう。 / 注:ズールー語)