投稿数 584
公開から 2939

CSSフレームワーク比較2018


CSSのフレームワークを比較していくよー!😆

Bootstrap

言わずとしれたCSSフレームワーク界の巨人。 知名度、できることの広さは抜群。 その一方でややファイル容量が大きく、複雑になりがち。

http://getbootstrap.com/

Foundation – Responsive Front-end Frameworks

もうひとつのCSSフレームワーク界の巨人・・らしい。あんまりよく知らなかった。 でもamazonとかも使っているらしい。

ただグリッドシステムがFlexBoxじゃなくてフロートベースなのがあまり好みじゃないかも。 扱いもすこしめんどくさいみたい。

https://foundation.zurb.com/

https://blog.templatetoaster.com/bootstrap-vs-foundation/

Bulma

個人的に好きなBulma。 ポップで先進的なdesignとわかりやすいシンタックスが好き。

https://bulma.io/

uikit

https://getuikit.com/v2/

Semantic UI

https://semantic-ui.com/

Materialize

THE・マテリアルデザインって感じ。 最近はマテリアルデザインブームも去った印象があるので少し古く感じる。(個人の感想です)

https://materializecss.com/

Spectre

なんというか。。ふつ〜😓。 軽量だし。悪くはないだろう。 クセが無いかいことも時強みか。 https://picturepan2.github.io/spectre/

Kube

これも普通。

https://imperavi.com/kube/

参考

https://www.webdesigndegreecenter.org/ten-best-css-libraries-developers-designers/