Tailwind CSSのメリットとデメリット

フロントエンドのデベロッパーとして活躍しているAhmad Shadeed氏による、Tailwind CSSのメリットとデメリット、所感を紹介します。 Tailwind CSSの最近の人気はすごいですね。すでに使用している人、気になっている人も多いと思います。Tailwind CSSとどのように向き合っていくとよいか、そのきっかけになればと思います。 A Look at Tailwind CSS by Ahmad Shadeed Tailwind CSSについて詳しく知りたい人は、以前の記事も参考にどうぞ。 Tailwind CSSが私には合わなかった理由 Tailwind CSSのカスタマイズ方法を解説 Tailwind CSSの便利な使い方、レイアウトやUIコンポーネント用のスタイルシートが簡単にまとめて利用できる CSSを書くのが劇的に楽になる！ユーティリティファーストのCSSフレーム

[coliss]

]Tailwind CSSについて。ユーティリティークラスは強力だが、使いすぎてはいけない。

[z1h4784]

本文中でも言われている通り、馬鹿みたいに大量のクラス名が並ぶのは改良してほしい。コンセプトは良いんだけど

[yarumato]

“興味深い：HTMLから離れる（CSSファイルを別途用意する）必要がない。CSSクラスの命名が不要。同意できない：実用性だけがある。ブラウザでのデザイン調整が難しい。短時間で実装できるが他サイトと似る”

[sigwyg]

“ユーティリティークラスは強力だが、使いすぎてはいけない ”　これが全てかな… @apply使うと、素のCSS書くのとたいして変わらんと思う（1Linerになるぶん可読性が落ちる）