Tailwindcssは素晴らしいという話 - GitPress.io

Tailwindcssとは https://tailwindcss.com/ CSSライブラリの一種。 BootstrapやBulmaのような他のCSSライブラリと異なり、 .btnや.cardといったコンポーネント系のクラスは定義されておらず、 <b>1つのスタイルのみを変更するユーティリティ系のクラスがたくさん詰まっている</b>のが特徴。 Tailwindcssで定義されているクラスの例: .font-bold { font-weight: 700; } .rounded { border-radius: .25rem; } .hidden { display: none; } この特性がWeb開発で一体どんな効果をもたらすのか？ Web開発ではおなじみのBootstrapと比較しながら学んでいこう。 Bootstrap vs Tailwindcss : ボタンの例 Bootstra

[Tormits]

ここまで細かく書くならフレームワーク無しで良くない？と思ってしまった

[laiso]

Tailwind最初は便利クラス集だと思って使い始めたけど、スタイル定義をプログラムとして扱うという思想がいろんな面の利便性につながってよくできてると思った

[fikah]

使ってみたけど、CSSまともに書けない人のためのツールって感じだった。CSSちゃんと書ける人だと回りくどく感じると思う。サーバサイド上がりでCSS苦手なフロントエンドエンジニアさんには良さそう。

[ichigen3]

2000年代の巨匠とか持ち出す権威主義者は、一生bootstrapとCSS設計に時間を費やし、チームにBEM記法を定着すべく奔走してください。我々はその時間を節約してデザインとコンポーネント設計に時間を割きたいと思います。

[cielonlon]

次に組む時に使ってみよう！

[koogawa]

Tailwind良いよねTailwind

[akahigeg]

素のCSSで良くない？と思ったけどRefactoring UIの人が作ったと聞いてちょっと試してみたくなった

[k3akinori]

いっそインラインCSSで書いたらいかがか。

[chiba1008]

クラス付きまくったhtml嫌い

[kvx]

まじで最高。ブラウザに取り込んで欲しい。/クラス名だけでレスポンシブ対応ができる一番重要なところ理解できてない人がいるな。

[Knoa]

2000年前後に活躍したWeb業界の巨匠たちにド正面から説教されてほしい / いや、前時代に戻れってんじゃなくて、(文字数足りないわ)

[cl-gaku]

実はCSSってあんなに高機能な必要ないよねって感じ

[xyzpda]

Tailwindcss

[mayumayu_nimolove]

tailwindcss についてくるpurgecssについての情報が少ないけど、あれも同じくらい素晴らしい

[yarumato]

“BootstrapでボタンをカスタマイズするならHTMLとCSSを編集。名前衝突の危険性に注意が必要。TailwindcssならCSSは編集不要。HTMLの変更のみ。CSS管理から解放される。スタイルで使える値を限定。ミニマル部品をcompose”

[Kmusiclife]

btn-block は5では非対応。あれ？bootstrapのほうがやはりと思ったがな。

[hyirm]

自分も使ってみたんだけどすごく良かった。