Tailwindから離れて、CSSの構造化を学ぶ ノート

Tailwindから離れて、CSSの構造化を学ぶ

著者はCSSとの道のりを振り返り、当初はTailwindの構造を気に入っていたものの、現在はバニラCSSに移行しています。この変更は、CSSをより深く理解し、スキルを向上させたいという願望から促されました。著者は、インポートされたリセット、コンポーネントベースのスタイリング、定義済みのカラー変数、Tailwindから適応されたフォントサイズシステムを含む新しいCSS構造を詳述しています。また、ユーティリティクラスを活用し、グローバルスタイルのベースを確立し、スペーシングを意識的に管理しています。レスポンシブデザインは、Tailwindのメディアクエリ中心のアプローチから離れ、CSSグリッドレイアウトにより依存しています。ビルドシステムは、開発中は必須ではありませんが、本番環境のバンドルにはesbuildを採用しています。著者は、ビルドシステムへの依存、CSS知識の向上、Tailwindの限界、そしてよりセマンティックなHTMLへの願望を挙げ、移行の主な理由を概説しています。最後に、@layerのような機能について議論し、Tailwindの利点を認めつつも、その原則に価値を見出していることを述べています。