home.social

#css設計 — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #css設計, aggregated by home.social.

fetched live
  1. AI 時代だからこそ #CSS設計 は今も大事な気がする。

    #Tailwind#CSS :css3: からコンポーネントレベルの記述を排除することから始まっていて、それは確かにシチュエーションによって効能を発揮するケースもあるんだけど、
    「スタイリングや見た目の振る舞いを記述する」ということに関しては CSS はやっぱりその語彙や表現にまだまだ一日の長がある。

    最近は Tailwind も CSS 変数に寄せた設計になったけど、ああいう CSS 変数とか CSS Layer 機能の応用性は、本質的には Tailwind のものではなく CSS そのものにもともと備わった力で、
    その意味で Tailwind をただ使うのは CSS の魅力に触れるという意味では「もったいない」し、むしろ Tailwind の CSS 設計を参考として(Typography における `.prose` とか自分も最近参考になった)自分の考える「デザイン・スタイリングの振る舞い」を CSS という言語に記述しておけば、コーディングエージェントに対して DESIGN.md のような効果を発揮してくれる感触も最近の仕事ではあったりする。
    (スタイルをほとんど単一のCSSファイルにまとめていることも影響してるのかな…)

  2. AI 時代だからこそ #CSS設計 は今も大事な気がする。

    #Tailwind#CSS :css3: からコンポーネントレベルの記述を排除することから始まっていて、それは確かにシチュエーションによって効能を発揮するケースもあるんだけど、
    「スタイリングや見た目の振る舞いを記述する」ということに関しては CSS はやっぱりその語彙や表現にまだまだ一日の長がある。

    最近は Tailwind も CSS 変数に寄せた設計になったけど、ああいう CSS 変数とか CSS Layer 機能の応用性は、本質的には Tailwind のものではなく CSS そのものにもともと備わった力で、
    その意味で Tailwind をただ使うのは CSS の魅力に触れるという意味では「もったいない」し、むしろ Tailwind の CSS 設計を参考として(Typography における `.prose` とか自分も最近参考になった)自分の考える「デザイン・スタイリングの振る舞い」を CSS という言語に記述しておけば、コーディングエージェントに対して DESIGN.md のような効果を発揮してくれる感触も最近の仕事ではあったりする。
    (スタイルをほとんど単一のCSSファイルにまとめていることも影響してるのかな…)