TailwindCSS
#CSS #CSSフレームワーク #CSS設計
概要
https://tailwindcss.com/
Utility-Based CSS
基本的なCSSを書かないために、Tailwindを使っても良さそう?
参考
TailwindCSS入門 ~ Utility First + デザインシステムの構築 ~ - Qiita
ユーティリティクラスのためのCSSフレームワーク
Utility-Based CSS
flexやwidthなど基本的に使われるCSSの組み合わせ
TailwindCSSって何?なんで流行ってるの?|F Lab|Fixel株式会社
UI構造に依存しない、HTMLに直接スタイリングする。
CSSのクラス名を付けるのを省く。
BEMはUI構造に依存している。
ReactやVueに適している
@applyでクラス名を定義できるが、Tailwind依存
Why Tailwind Isn't for Me - DEV Community
高速に開発するためのツール
Flowrift - Beautifully designed Tailwind CSS UI blocks
Tailblocks — Ready-to-use Tailwind CSS blocks
https://qiita.com/Takazudo/items/78ee15564bfefdea844c
参考
Tailwind CSS製UIデザインのHTMLコードをコピペできるFlowrift(便利ツールまとめも公開) - PhotoshopVIP