Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

第5部 実践的な Tailwind CSS

第4部までで、画面を組むための道具がそろいました。この第5部では、それらを使って実際のプロダクトで必ず求められるテーマに取り組みます。レスポンシブ(第17章)、ダークモード(第18章)、アニメーション(第19章)、フォーム(第20章)、アクセシビリティ(第21章)です。

これらはすべて、第2部で学んだバリアントの仕組み第6章)の応用です。md:dark:hover:motion-reduce:invalid: といったバリアントが、ここで実戦投入されます。「条件付きでスタイルを当てる」という Tailwind の核心が、最も生きる場面です。