Devsway

日々の記録とか記憶とか。

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/



参考


Ten Best CSS Libraries for Developers and Designers in 2018





カテゴリー

オレオレIT用語辞典