Tailwind CSS Framework: Advance

คำโปรยปกหลังหนังสือ
Tailwind CSS Framework: Advance
________________________________________
ยกระดับการพัฒนา UI ด้วยพลังของ Tailwind CSS ในระดับมืออาชีพ
หนังสือ Tailwind CSS Framework: Advance คือคู่มือฉบับสมบูรณ์สำหรับนักพัฒนา Front-end ที่ต้องการก้าวข้ามขีดจำกัดของ Utility-first CSS และเข้าสู่โลกของการออกแบบระบบ UI ที่มีความยืดหยุ่น ซับซ้อน และนำกลับมาใช้ซ้ำได้อย่างมีประสิทธิภาพ
หนังสือเล่มนี้เจาะลึกเทคนิคเชิงลึกในการประยุกต์ใช้ Tailwind CSS สำหรับโปรเจกต์จริง ตั้งแต่การออกแบบ component แบบ reusable การจัด layout ที่ซับซ้อน การสร้าง animation แบบกำหนดเอง ไปจนถึงการรองรับ dark mode และการผนวกรวมกับ framework ยอดนิยม ทั้งหมดเรียบเรียงอย่างเป็นระบบ พร้อมตัวอย่างการใช้งานจริง และแนวปฏิบัติที่ดีที่สุดในแต่ละหัวข้อ
________________________________________
สารบัญเนื้อหา (บางส่วน):
หน้า
บทที่ 11 Reusable Component Patterns (Reusable Component Patterns) หน้า 1
Reusable Component Patterns
Reusable Component Patterns (รายละเอียดเชิงลึก)
การใช้ @apply ในไฟล์ CSS
การสร้าง Custom Utility Class ใน Tailwind CSS
การใช้โครงสร้าง BEM (Block Element Modifier) ร่วมกับ Tailwind CSS
การใช้ Preprocessor เช่น SCSS ร่วมกับ Tailwind CSS
บทที่ 12 Layout System ขั้นสูง (Advanced Layout System) หน้า 77
Layout System ขั้นสูง (Advanced Layout System)
Layout System ขั้นสูง รายละเอียดเชิงลึก
Layout หลายคอลัมน์แบบ Responsive ด้วย Tailwind CSS
Nested Flex และ Nested Grid ด้วย Tailwind CSS
การใช้ aspect-ratio, min-h-screen, และ max-w-screen-lg ใน Tailwind CSS
CSS Container Query และ Breakpoint ภายใน Component กับ Tailwind CSS
บทที่ 13 Transition & Animation (Transition & Animation) หน้า 148
Transition & Animation
Transition & Animation (รายละเอียดเชิงลึก)
transition-all, duration-300, ease-in-out ใน Tailwind CSS
animate-bounce, animate-spin, animate-ping (Tailwind CSS)
การสร้าง Keyframe Animation ใน tailwind.config.js
บทที่ 14 Dark Mode (Dark Mode) หน้า 210
Dark Mode
Dark Mode ใน Tailwind CSS
โหมด media และ class ใน config ของ Tailwind CSS สำหรับ Dark Mode
การใช้ dark:bg-gray-900 และ dark:text-white
การสร้าง Toggle ปุ่มสลับ Dark/Light Mode
การจัดการ Dark Mode ใน Component
บทที่ 15 Integration กับ Framework (Integration and Framework) หน้า 267
Integration กับ Framework
Integration ของ Tailwind CSS กับ Framework ยอดนิยม
Create React App (CRA) และ Next.js
Tailwind CSS + Laravel (Blade Template)
Tailwind CSS + Svelte / Astro
การรวม Tailwind CSS กับ Component Library (เช่น Headless UI)
________________________________________
เหมาะสำหรับนักพัฒนา Front-end, UI Engineer, Full-stack Developer และทุกคนที่ต้องการเข้าใจ Tailwind CSS ในระดับลึก เพื่อสร้างระบบ UI ที่มีโครงสร้างชัดเจน นำกลับมาใช้ซ้ำได้ และดูแลรักษาในระยะยาวอย่างมีประสิทธิภาพ
พร้อมก้าวสู่ระดับมืออาชีพไปกับ Tailwind CSS อย่างมั่นใจในทุกโครงการ