ユーティリティーファーストとTailwind CSSのススメ - Qiita

Tailwind CSSは結構いいんでないの？というポエムです ユーティリティーファーストって考え方について まず、 ユーティリティークラスが何かということ ユーティリティークラスを使ってHTMLを書いていくということってどういうことか これは、ある程度CSSを書いている人であれば想像できることであろうと思う。 こんな風に、あらかじめユーティリティー的なクラスを用意しーの .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .align-top { vertical-align: top; } .align-middle { vertical-align: middle; } .align-bottom { vertical-a

[ikkitang1211]

Tailwind CSSの解説で今まででいちばん腑に落ちた気がするわ…！ そういう意味でのユーティリティファーストか!!

[kvx]

tailwindcss素晴らしいしブラウザに取り込んで欲しいと思ってるけど、BEMつけられない人が適切にコンポーネント化出来るとは思えない。/style直書きはレスポンシブ対応できないぞ

[d4-1977]

React触り始めて、悩ましいなあ、って思っていたのがCSS の設計のこと。大前提にきちんとコンポーネントを分ける、設計するってところ。以前のCSSの設計がコンポーネント設計になったのでは？と思う。あとは、文字数…

[takeag]

BEMの名前なげーし考えるの面倒なのよ。

[ultimatebreak]

CSSフレームワークはどこまでいってもアプリなどのプロダクト向けだなと読んでて思った

[yarumato]

“Tailwind CSSって、ReactとかVueとか前提？自分的にはYes。　CSS設計の世界はBlockとかElementとか命名が難しかったがTailwind CSSなら不要。まず用意されたclass使って書く。前と同じだったら初めて（Reactの）コンポーネント化する”

[uehaj]

"そのコンポーネントが2度以上使われるかどうかなんて、その時はわからない"

[Yeshi]

あ、なるほど・・・、ぜったいこっちの方がいいじゃんなるほどね

[ichigen3]

styleガーって言ってる人は、autoprefixer使った経験無い？cssのスタイルの優先順位とか意識してる？レスポンシブどうすんの？px、em、rem、vw、%、みたいな単位を正しく扱える？

[kijtra]

Tailwind の真の力は PurgeCSS との組み合わせだよね。

[gachapining]

触れられてないけど開発環境周りが気になる。TS 開発に慣れすぎてしまって、推論や linter 類がエディタや CI で良い感じに動いてくれないともの辺りなさを感じるかも。

[shotawatanabe]

purgeCSS前提なので、これを見てCDNからTailwindCSSを読み込むと死にます(数MBのCSSを読み込むことに)。React/Vue含め、コンパイルしてHTML生成する環境が前提。　Laravel使いなら超簡単に入るのでおすすめです

[diveintounlimit]

かつてはクラス名は見た目じゃなくて意味で付けろと仕様書に書いてあった。そんな時代にbootstrapが登場し、それを無視した。今はこの方法は一般的になってしまい、仕様書からも文言は消えてしまった。

[KazuoLv1]

変更の影響度がわからん時のチョイ足し程度ですね使うと良いのかな

[shimarisugi]

個人的にスタイリングで躓いたのは色、フォントサイズ、マージンなんかをどう設定するのが良いか？ってとこ。tailwindだとパラメータに制約が与えられているからそういうことで悩むことが無くなるのが良い。

[tasukuchan]

“は”

[Phenomenon]

いいよね、とおもってまださわってない

[ducktoon]

styleを直書きしてるのと変わらんような

[aktkro]

せやな

[ponpon_qonqon]

あえて理解していない立ち位置で「だったら style="text-align: right; font-weight: bold;"… って書いていけばよくね？」と思うワイ。

[peketamin]

なるほど。

[Futaro99]

CSSはほんとポンコツだなぁ

[mayumayu_nimolove]

私も知見溜まってるから書こうかな。Zennで。