Foundation CSS Framework: Beginner

คำโปรยหนังสือ: Foundation CSS Framework: Beginner
หากคุณกำลังมองหาคู่มือที่จะพาคุณก้าวเข้าสู่โลกของการพัฒนาเว็บไซต์ด้วย Foundation CSS Framework หนังสือเล่มนี้คือคำตอบที่คุณต้องการ รวบรวมเนื้อหาพื้นฐานที่จำเป็นสำหรับผู้เริ่มต้น ครอบคลุมทั้งแนวคิดสำคัญ วิธีใช้งาน และตัวอย่างจริง พร้อมจัดโครงสร้างการเรียนรู้อย่างเป็นระบบ เพื่อให้คุณสามารถสร้างเว็บไซต์ที่ตอบสนองทุกอุปกรณ์ได้อย่างมืออาชีพ
________________________________________
สารบัญ
หน้า
บทที่ 1 แนะนำ Foundation CSS (Introduction to Foundation CSS)1
Foundation คืออะไร?
ประวัติของ Foundation CSS Framework
แนวโน้มการใช้งาน Foundation
ส่วนประกอบหลักของ Foundation
วิธีติดตั้ง Foundation ทั้ง การใช้ CDN และ การติดตั้งผ่าน NPM/CLI
Foundation IDE & Developer Tools
ตัวอย่างการสร้างโปรเจกต์ Foundation ด้วย Visual Studio Code (IDE Tool)
บทที่ 2 ระบบ Grid และ Layout พื้นฐาน (Grid System and Basic Layout)36
ระบบ Grid และ Layout พื้นฐาน
ระบบ Grid และ Layout พื้นฐาน Foundation CSS (เชิงลึก)
แนวคิด Mobile First และ Responsive Design
Default Grid vs XY Grid ใน Foundation CSS
การสร้างแถว (.grid-x, .row) ใน Foundation CSS
การจัดคอลัมน์ใน Foundation CSS: .cell vs .columns
การใช้ Class ขนาดหน้าจอ (small-, medium-, large-) ใน Foundation CSS
การจัดตำแหน่ง (align-middle, align-center) ใน Foundation CSS
การใช้ Margin และ Padding Utility ใน Foundation CSS
บทที่ 3 Typography และ Text Utilities (Typography และ Text Utilities)127
Typography และ Text Utilities
Typography และ Text Utilities (รายละเอียดเชิงลึก)
การจัดการตัวอักษร (Typography Management)
รายละเอียดเชิงลึก เกี่ยวกับหัวข้อ List ใน Foundation CSS
รายละเอียดเชิงลึก เกี่ยวกับการใช้ Text Utilities
Link และ Inline Element ใน Foundation CSS
Color Class ใน Foundation CSS Framework
บทที่ 4 ปุ่มและ Component เบื้องต้น (Basic Button and Components)192
ปุ่มและ Component เบื้องต้น (Buttons and Basic Components)
ปุ่มและ Component เบื้องต้น รายละเอียดเชิงลึก
ปุ่มพื้นฐานใน Foundation CSS Framework
ปุ่มกลุ่ม (Button Group) ใน Foundation CSS Framework
การใช้ Class สีใน Foundation CSS Framework
ขนาดปุ่ม (Button Sizes) ใน Foundation CSS Framework
การใช้ Icon ร่วมกับปุ่ม (Foundation Icons หรือ Font Awesome)
ตัวอย่างบูรณาการ
บทที่ 5 ฟอร์มพื้นฐาน (Basic Form)252
ฟอร์มพื้นฐาน (Foundation CSS Framework)
เชิงลึกของฟอร์มพื้นฐาน ของ Foundation CSS Framework
การสร้าง Label, Input, Textarea ใน Foundation CSS Framework
การสร้าง Label, Input, Textarea รายละเอียดเชิงลึกใน Foundation CSS Framework
Checkbox และ Radio Button ใน Foundation CSS Framework
Checkbox และ Radio Button รายละเอียดเชิงลึกใน Foundation CSS Framework
Select Dropdown ใน Foundation CSS Framework รายละเอียดเชิงลึก
ฟอร์มแบบ Inline (Inline Forms) ใน Foundation CSS Framework รายละเอียดเชิงลึก
การจัดวางฟอร์มด้วย Grid ใน Foundation CSS Framework รายละเอียดเชิงลึก
Validation (HTML5 + Class Helper) ใน Foundation CSS Framework รายละเอียดเชิงลึก
บรรณานุกรม337
________________________________________
หนังสือเล่มนี้ออกแบบมาเพื่อช่วยให้ผู้เริ่มต้นเข้าใจโครงสร้างและเครื่องมือสำคัญของ Foundation CSS อย่างละเอียด พร้อมโค้ดตัวอย่างและคำอธิบายที่ชัดเจน เรียนรู้ตั้งแต่การติดตั้ง การจัดเลย์เอาต์ การใช้ตัวอักษร ปุ่ม และฟอร์มพื้นฐาน จนสามารถประยุกต์สร้างเว็บไซต์ที่มีมาตรฐานระดับมืออาชีพได้ด้วยตนเอง
________________________________________