マークアップエンジニアの私が個人でCSSフレームワークを作る際に
考え方を参考にしているおすすめフレームワークをご紹介します
【定番】知名度No.1定番のBootstrap
フレームワークの定番として間違いがないBootstrap。
スタンダードとして考え方のベースにしたい。
Bootstrap
https://getbootstrap.com/
【定番】シンプルでわかりやすい最初に覚えるならBULMA
シンプルなネーミングとUIで人気です。
Bulma
https://bulma.io/
【便利】JavaScriptパーツが中心のUIkit
UIkit
https://getuikit.com/v2/
【便利】HTMLパーツが中心のSemantic UI
Semantic UI
https://semantic-ui.com/
【日本製】シンプルで使いやすい MUSUBii
WYSIWYGセットが便利です。
MUSUBii
https://qrac.github.io/musubii/
【日本製】CMS制作に特化 echo.css
WordPressを作る際に参考になります。
コーディングルールがついていて親切。
https://cms-skill.com/echo-css/docs/outline-rule.html
echo.css
https://cms-skill.com/echo-css/
【日本製】サイト設計の参考にBasis
mixinサンプルが豊富です。
各フレームワークの設計やモジュールのいいところを取り入れていきたいですね。
おすすめのフレームワーク、自作のフレームワークがあればぜひ教えてください!