TailwindCSSって何？なんで流行ってるの？｜F Lab｜Fixel株式会社

はじめに この記事はTailwindCSSが最近流行ってるけどなんで流行ってるの？という疑問をいただいた、フロントエンドエンジニア歴3年ほどの人間が調べてわかったことをまとめた記事です。以下のようなことがわかります。 TailwindCSSとは一体なんなのか？ CSS設計とは違うの？Bootstrapなどとの違いは？ どんな背景があって流行るようになってきているのか考察 Design Systemとの相性は？ TailwindCSSとは一体なんなのか？ ものすごくざっくりまとめるとユーティリティクラスの詰め合わせのライブラリと表現できるのかなと思いました。 以下のTailwindCSSの公式ドキュメントに書いてあることについて軽くまとめます。 https://tailwindcss.com/docs/utility-first まずはコードを見てみる まずTailwindを使わない普通のH

[yimajo]

“Web標準が提唱している方向性と合致していない。例えば、Webコンポーネントとの相性が悪い。将来性が微妙なのでは？”

[nasikusa_moove]

最近、TailwindCSS が流行っているらしいのですが、いまいちよくわかってないので今度調べようと思ってますー。書き方的には、 Bootstrap に近いのかな・・？ ( github : https://github.com/tailwindlabs/tailwindcss )

[nilab]

「TailwindCSSでは、UIの構造を一切CSSに持ち込みません」「今までのCSS設計のアプローチと全く真逆」「CSSにUIの定義をするのではなく、HTMLに対して直接スタイリングを行ってしまおうという思想だと自分は感じました」

[iww]

スタイルシートという概念ではないっぽい。 スタイルを切り替えるのを放棄した感じ