ブックマーク / blog.tai2.net (1)

  • 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を管理するかという問題意識はまだ

    Utility-first CSS(Tailwind CSS)が合理的であることの説明と、CSSによるUI開発小史
    door-s-dev
    door-s-dev 2024/03/15
    CSSにおいてもスコープを指定できるようになったとはいえ、適用する箇所に設定するのが最小限のスコープなんよなぁ。classだと名前考えるのもめんどい
  • 1