https://benzhub.github.io/tags/utility-first/Recent content in Utility-First on BenzHubHugozh-TWSat, 01 Aug 2026 00:00:00 +0000https://benzhub.github.io/post/tailwindcss/001-utility-first-philosophy/Sat, 01 Aug 2026 00:00:00 +0000https://benzhub.github.io/post/tailwindcss/001-utility-first-philosophy/<blockquote> <p>為什麼 <strong>TailwindCSS</strong> 要你在 HTML 裡塞一堆像 <code>p-4</code>、<code>bg-white</code>、<code>rounded-lg</code> 的小 class，而不是好好寫一個 <code>.card</code>？這篇文章帶你理解 <strong>Utility-First</strong> 這套核心哲學：它如何顛覆傳統的「關注點分離」，解決了哪些真實痛點，又付出了什麼代價。這是 <strong>TailwindCSS 完整教學</strong> 系列的第一篇，也是理解整個框架的思維起點。</p> </blockquote>