第5部 実践的な Tailwind CSS
第4部までで、画面を組むための道具がそろいました。この第5部では、それらを使って実際のプロダクトで必ず求められるテーマに取り組みます。レスポンシブ(第17章)、ダークモード(第18章)、アニメーション(第19章)、フォーム(第20章)、アクセシビリティ(第21章)です。
これらはすべて、第2部で学んだバリアントの仕組み(第6章)の応用です。md:・dark:・hover:・motion-reduce:・invalid: といったバリアントが、ここで実戦投入されます。「条件付きでスタイルを当てる」という Tailwind の核心が、最も生きる場面です。