Utility-first CSS(Tailwind CSS)が合理的であることの説明と、CSSによるUI開発小史

目次 CSS小史 SUIT CSS - 命名規約ベースのCSS方法論 styled-components - CSS in JS Tailwind CSS - Utility-first CSS なぜインラインスタイルではダメなのか まとめ タイムライン 参考リンク CSS小史 CSSでアプリのUIを実装するための手法は、これまでいくかの変遷を辿ってきた。 はるか昔、CSSが生まれて間もないころには、関心の分離という文脈から、FONT要素などの物理タグはよくないものとされ、 コンテンツ(HTML)とスタイル(CSS)をきっちりと分離することが奨励されはじめた。 そこでは、HTMLはあくまで文書であり、CSSのクラスセレクタという接点でコンテンツと見た目が隔離されることで、それらは別世界のものとして管理されていた。 また、大規模サービス開発においていかにCSSを管理するかという問題意識はまだ

[versatile]

これがCSSのたどり着いた最新の桃源郷なの、、、？だいぶ遠回りして元に戻りつつあるイメージ。style 属性に書くともうそれは、、、

[fuji_haruka]

styled-components に対するTailWind CSS の優位性は小さなコンポーネントに名前をつけずに済むってことね。

[chiba1008]

合理的であるとは思うけど生理的に無理なんだよな。cssでclassから他のclassの設定値を継承できるようになんないかなー。

[Magicant]

Tailwind が出てきた背景は解ったが、自分はそもそも HTML/CSS でウェブアプリを作るのをやめろと思ってるのでこの類のものを推す気にはなれない

[poad1010]

この記事をおすすめしました

[dotneet]

「Tailwindを使えば自動的にデザイントークンが導入されて」tailwindcssを入れるだけでは開発対象に適したデザイントークンを導入したことにはならないし、チーム開発では統制とれないのでは。

[strawberryhunter]

ごちゃごちゃ書くのとビルド必須なところに抵抗があるので導入しないけど、最近はマージンを別に定義した方が良いと気が付いてごく一部だけTailwind風味にしている。

[umai_bow]

Tailwind

[zokkon]

書店で見かけてTailwind CSSは気になっていた。CSSの歴史も俯瞰できて大変に参考になる

[yarumato]

“BEM等のCSS方法論では不安定と指摘。CSSのカスケーディングや詳細度がもたらす具体的な害の解説。Tailwind CSSがよくてstyle=""はダメな理由は、メディアクエリー、疑似クラス、アニメを記述できないから”

[door-s-dev]

CSSにおいてもスコープを指定できるようになったとはいえ、適用する箇所に設定するのが最小限のスコープなんよなぁ。classだと名前考えるのもめんどい

[puruhime]

小難しくなくて好き

[Cherenkov]

bootstrapがええ

[boxshiitake]

そもそも負債にならないCSSなんて無い

[dec123456789]

VueやSvelteはScoped CSSあるから普通のCSSで十分なんだわ。それにTailwindは将来負債になるの目に見えてるし。

[mayumayu_nimolove]

共通言語でいいよもう