Tailwind CSS

frontend framework

2021-12-13

• Tailwind Play

  • rails + tailwind css だ
  • 割とスタイリング詰まるから任意のデザイン速攻かけるようになりたい

• 2022-03-11 CSS in JS然り, HTMLと一体化しているってのはいい部分.

  • Tailwind CSS の推しポイントを語りたい

• somosomo 設計, 分離をすればするほど参照にコストがかかる.

  • 情報のまとめ方として木構造は弱い

semanticでない

• tailwind css は semantic でない utility なcss-class を提供することに対してのお気持ちだ

• 定期的に議論になる

  • HTMLの font タグと同じと言っていた人もいた
    • Tailwind CSSが私には合わなかった理由 | コリス

• 2022-05-09

  • HTML3.2のどこが「間違って」いるのか、そしてそれを見た目重視のクラスで再現するのがおかしいわけ - Qiita

<link>や<style>タグにmedia=”print/screen/whatever”が付いていなかったり、media=”all”と書いてある奴は例外なく、HTMLもCSSもよく分かっていない素人が作っている。そう、つまり、世の中にあるHTML・CSSフレームワークの例のことだ！　MUI、Tailwind、Bootstrapとかから学べるのはWebサイト作りのアンチパターンだ！

semantic な命名して CSS設計するのも大変. React component にデザインの依存を注入していると考えれば不自然ではない?

参考文献

• 2022-10-01 Tailwind の命名を先送りできる嬉しさ
• 2022-03-11 JSレスBootstrapなdaisyUIの秘密 | フューチャー技術ブログ