Foundation CSS Framework: Professional

คำโปรยหนังสือ: Foundation CSS Framework: Professional
ยกระดับการพัฒนาเว็บไซต์สู่มาตรฐานระดับมืออาชีพด้วย Foundation CSS Framework! หนังสือ Foundation CSS Framework: Professional เล่มนี้คือคู่มือบูรณาการที่เจาะลึกการออกแบบระบบ UI/UX ให้มีความยั่งยืน ประสิทธิภาพสูง และรองรับการใช้งานได้ในทุกบริบท ไม่ว่าจะเป็นเว็บไซต์ทั่วไป แอปพลิเคชันเชิงธุรกิจ หรือระบบซับซ้อนระดับองค์กร
สำรวจเนื้อหาที่ครอบคลุมตั้งแต่การวางโครงสร้าง Design System ด้วยแนวคิด Atomic Design การสร้าง Component ที่นำกลับมาใช้ซ้ำได้ พร้อม Style Guide และ UI Pattern ที่ง่ายต่อการดูแลรักษา (บทที่ 16, หน้า 1)
ก้าวไปอีกขั้นกับการทำงานแบบอัตโนมัติด้วย Foundation CLI ตั้งแต่การสร้างโปรเจกต์ใหม่ การเชื่อมต่อกับ Gulp Task การใช้ Sass และ JavaScript ไปจนถึงระบบ Live Reload เพื่อเพิ่มประสิทธิภาพใน workflow การพัฒนา (บทที่ 17, หน้า 81)
เพิ่มความเร็วและประสิทธิภาพของเว็บไซต์ด้วยกลยุทธ์ Performance Optimization ที่ใช้งานจริงได้ เช่น การลดขนาด CSS (Tree-shaking), การ Build แบบ Production, การแยก Component-based CSS และการ Lazy Load JavaScript (บทที่ 18, หน้า 157)
เรียนรู้แนวทางการพัฒนาเว็บไซต์ให้เป็นมิตรกับผู้ใช้งานทุกกลุ่ม ด้วยมาตรฐาน Accessibility และ WCAG เช่น ARIA Attributes, Semantic HTML, สีที่ปลอดภัยต่อสายตา และการสร้างฟอร์มที่ใช้ผ่านคีย์บอร์ดได้อย่างราบรื่น (บทที่ 19, หน้า 236)
ปิดท้ายด้วยแนวทางการรวม Foundation CSS Framework เข้ากับเทคโนโลยีและ Framework ยอดนิยมในโลกจริง เช่น Laravel Blade, Vue.js, React และ ASP.NET Razor ซึ่งช่วยให้การทำงานร่วมกับโค้ดฝั่ง Server และ Client เป็นไปอย่างไร้รอยต่อ (บทที่ 20, หน้า 315)
________________________________________
สารบัญ
หน้า
บทที่ 16 การสร้าง Design System ด้วย Foundation (Design System by Foundation)1
การสร้าง Design System ด้วย Foundation
การสร้าง Design System ด้วย Foundation (รายละเอียดเชิงลึก)
แนวคิด Atomic Design + Foundation
การสร้าง UI Component แบบ Reuse
การจัดระบบ Style Guide
การเขียน UI Pattern ให้ Maintain ได้
ตัวอย่างบูรณาการ
บทที่ 17 Foundation CLI และ Workflow (Foundation CLI and Workflow)81
Foundation CLI และ Workflow
Foundation CLI และ Workflow (รายละเอียดเชิงลึก)
การติดตั้ง Foundation CLI
การสร้างโปรเจกต์ใหม่ด้วย Foundation CLI
การใช้ Gulp Task กับ Sass + JS ใน Foundation CLI
การใช้งาน Live Reload ร่วมกับ Build System
ตัวอย่างบูรณาการ
บทที่ 18 Performance Optimization (Performance Optimization)157
Performance Optimization
รายละเอียดเชิงลึก Performance Optimization
การลดขนาด CSS (Tree-shaking)
การ Build แบบ Production
การแยกไฟล์ Component-based CSS
การ Lazy Load JavaScript Plugin
ตัวอย่างบูรณาการ
บทที่ 19 Accessibility & WCAG Compliance (Accessibility & WCAG Compliance)236
Accessibility & WCAG Compliance
Accessibility & WCAG Compliance รายละเอียดเชิงลึก
การใช้งาน ARIA Attribute (Accessible Rich Internet Applications)
Semantic HTML
ปรับสีตาม Contrast Guideline
ฟอร์มที่รองรับ Keyboard Navigation
ตัวอย่างบูรณาการ
บทที่ 20 การใช้งาน Foundation กับ Frameworks (Foundation and Frameworks)315
การใช้งาน Foundation กับ Frameworks
การใช้งาน Foundation กับ Frameworks รายละเอียดเชิงลึก
Foundation + Laravel Blade รายละเอียดเชิงลึก
Foundation + Vue.js (ผ่าน Scoped Class) รายละเอียดเชิงลึก
Foundation + React (ใช้ className) รายละเอียดเชิงลึก
Foundation + ASP.NET Razor
ตัวอย่างบูรณาการ
บรรณานุกรม394
________________________________________
เหมาะสำหรับ: นักพัฒนา Frontend, Full-stack Developer, UI/UX Designer, ทีมพัฒนาองค์กร, และผู้ที่ต้องการยกระดับการใช้ Foundation CSS อย่างมืออาชีพ