Tailwind CSS Framework: Professional

คำโปรยปกหลังหนังสือ: Tailwind CSS Framework: Professional
ปลดล็อกศักยภาพของ Tailwind CSS อย่างมืออาชีพ ด้วยแนวทางการออกแบบระบบ UI ที่ครบถ้วน ครอบคลุมทั้งเทคนิคการสร้าง Design System และ UI Library อย่างยั่งยืน พร้อมแนวทางการปรับแต่งระบบสำหรับใช้งานจริงในระดับ Production และการจัดการ Workflow ทีมอย่างเป็นระบบ หนังสือเล่มนี้เหมาะอย่างยิ่งสำหรับนักพัฒนา UI, นักออกแบบระบบ, และทีม Dev ที่ต้องการยกระดับการใช้ Tailwind CSS สู่มาตรฐานอุตสาหกรรม
สารบัญ
หน้า
บทที่ 16 สร้าง Design System (Design System)--1
สร้าง Design System ด้วย Tailwind CSS
สร้าง Design System ด้วย Tailwind CSS (รายละเอียดเชิงลึก)
กำหนด scale ของ Spacing, Font size, Line height, Color
การกำหนด Variants, Screens และ Extend ใน Tailwind CSS
กำหนด Global Design Token ผ่าน theme ใน Tailwind CSS
ใช้ระบบ Spacing / Typography ที่สอดคล้องกันใน Tailwind CSS
ตัวอย่างบูรณาการ
บทที่ 17 การสร้าง UI Library (UI Library)--51
การสร้าง UI Library (Detailed Explanation)
รายละเอียดเชิงลึก การสร้าง UI Library ด้วย Tailwind CSS
การรวม Tailwind CSS กับ Storybook
แนวคิด Atomic Design
บูรณาการข้ามเฟรมเวิร์ก
การเขียน mixins ด้วย @apply
UI Component
บทที่ 18 Production Optimization (Production Optimization)--107
Production Optimization (การปรับแต่งเพื่อใช้งานจริง)
รายละเอียดเชิงลึกของ Production Optimization
การ Purge Class ที่ไม่ได้ใช้ (Remove Unused CSS with Tailwind)
เทคนิคหลักในการลดขนาด CSS ใน Production
การ minify + versioning ใน Production กับ Tailwind CSS
บทที่ 19 Workflow ทีมและ CI/CD (Workflow and CI/CD)--157
Workflow ทีมและ CI/CD สำหรับ Tailwind CSS
คำอธิบายเชิงลึก Workflow ทีมและ CI/CD
การจัดการเวอร์ชัน Tailwind ระหว่าง dev และ production
ตั้ง lint rule สำหรับ Tailwind CSS
รวม Tailwind CSS กับระบบ CI/CD (Continuous Integration / Continuous Deployment)
อัตโนมัติการ Build CSS และ Deploy ด้วย Tailwind CSS
บทที่ 20 Best Practices & Anti-patterns (Best Practices & Anti-patterns)--222
Best Practices & Anti-patterns
Best Practices & Anti-patterns (รายละเอียดเชิงลึก)
หลักการ: หลีกเลี่ยง class ซ้อนกันมากเกินไป (Avoid Excessive Class Nesting)
การใช้ @apply อย่างมีระบบ ใน Tailwind CSS
อย่าละเลย Semantic HTML
อย่า override utility class โดยตรง
วางแผน Scale UI ให้ Maintain ได้ในระยะยาว
ตัวอย่างบูรณาการ
บรรณานุกรม--307