CSS3 Web Programming

“คู่มือ CSS ฉบับสมบูรณ์: เรียนรู้ตั้งแต่พื้นฐานจนถึงเทคนิคขั้นสูง”
หนังสือเล่มนี้รวบรวมความรู้และเทคนิคการใช้ CSS สำหรับการพัฒนาเว็บไซต์อย่างครบถ้วน ตั้งแต่ความรู้เบื้องต้นเกี่ยวกับการเขียน CSS, การใช้งาน Selector แบบต่าง ๆ, การจัดวางองค์ประกอบด้วย Box Model, Flexbox และ Grid ไปจนถึงเทคนิคการทำ Animation, การใช้ Shadow & Blur Effect รวมถึงวิธีเขียน CSS ให้มีความยืดหยุ่นและง่ายต่อการดูแลรักษา
นอกจากนี้ยังมีเนื้อหาเกี่ยวกับการ Optimize CSS ให้โหลดเร็ว การใช้ Local Storage และ Geolocation API เพื่อเสริมสร้างความสามารถของเว็บแอปพลิเคชันยุคใหม่ เหมาะสำหรับนักพัฒนาเว็บทุกระดับตั้งแต่ผู้เริ่มต้นจนถึงมืออาชีพที่ต้องการเพิ่มพูนทักษะและความรู้ในการจัดการและออกแบบหน้าเว็บอย่างมืออาชีพ
________________________________________
สารบัญ
หน้า หัวข้อหลัก
1 บทที่ 1 ความรู้เบื้องต้นเกี่ยวกับซีเอสเอส
• การเรียนรู้ CSS ตั้งแต่พื้นฐานไปจนถึงระดับสูง
• ประวัติการพัฒนา CSS
• คำสั่งใน CSS3
• Syntax ของ CSS3
• การแทรก CSS3
• ก่อนที่จะเริ่มเรียน CSS3
• เครื่องมือพัฒนา CSS |
| 17 | บทที่ 2 ซีเล็กเตอร์ (1)
• Selector (ตัวเลือก) ใน CSS
• ประเภทของ CSS Selectors
• การใช้ Type Selector (Element Selector) ใน CSS
• Class Selector ใน CSS
• การรวมหลายๆ class เข้าไว้ในองค์ประกอบเดียวใน HTML
• ID Selector ใน CSS
• บูรณาการ Element Selector, Class Selector, และ ID Selector |
| 57 | บทที่ 3 ซีเล็กเตอร์ (2)
• Universal Selector ใน CSS
• Attribute Selector ใน CSS
• Pseudo-classes ใน CSS
• Pseudo-elements
• Descendant Selector ใน CSS
• Child Selector ใน CSS
• Adjacent Sibling Selector ใน CSS
• General Sibling Selector ใน CSS |
| 122 | บทที่ 4 หน่วยวัดและการจัดวาง
• หน่วยวัดและการจัดวาง
• หน่วยวัดใน CSS (px, %, em, rem, vh, vw) คืออะไร?
• การกำหนดสีใน CSS
• การใช้ Typography ใน CSS
• การกำหนด Border, Margin, Padding ใน CSS |
| 167 | บทที่ 5 ควบคุมเลย์เอาต์และการจัดวางองค์ประกอบ (1)
• การใช้ Media Queries เพื่อทำ Responsive Design
• Box Model
• การทำงานร่วมกันของ Box Model
• การกำหนด Positioning ใน CSS
• Display |
| 201 | บทที่ 6 ควบคุมเลย์เอาต์และการจัดวางองค์ประกอบ (2)
• Flexbox หรือ Flexible Box Layout
• พื้นฐานของ Flexbox
• CSS Grid
• Pseudo-class และ Pseudo-element
• Media Queries และ Responsive Design |
| 256 | บทที่ 7 การทำ Animation และ Transition
• การทำ Animation และ Transition ใน CSS
• CSS Variables
• การใช้ Custom Fonts & Icons (@font-face, Google Fonts, Font Awesome) |
| 314 | บทที่ 8 การใช้ Shadow และ Blur Effect
• การใช้ Shadow และ Blur Effect
• ตัวอย่างโค้ดการใช้ Shadow และ Blur Effect
• เทคนิคการทำ CSS Art & Shapes
• Z-index และการควบคุมลำดับชั้นขององค์ประกอบใน CSS |
| 354 | บทที่ 9 การเขียน CSS ที่ยืดหยุ่นและปรับใช้ได้ง่าย (Scalable CSS)
• การเขียน CSS ที่ยืดหยุ่นและปรับใช้ได้ง่าย (Scalable CSS)
• แนวทางเพิ่มเติมในการเขียน Scalable CSS
• การจัดโครงสร้างไฟล์ CSS ให้อ่านง่าย (BEM, SMACSS, OOCSS)
• การใช้ SASS / SCSS เพื่อเพิ่มความสามารถของ CSS
• ข้อมูลเพิ่มเติมเกี่ยวกับ SASS / SCSS |
| 398 | บทที่ 10 การ Optimize CSS ให้โหลดเร็ว (Minify, Critical CSS)
• Local Storage ใน HTML5
• คุณสมบัติหลักของ Local Storage
• วิธีใช้งาน Local Storage
• ข้อแตกต่างระหว่าง Local Storage และ Session Storage
• ตัวอย่างโจทย์เกี่ยวกับ Local Storage |
| 415 | บทที่ 11 คำสั่งจีโอโลเคชันเอพีไอ
• Geolocation API ใน HTML5
• การใช้งาน Geolocation API
• ขั้นตอนการใช้งาน GeoLocation API
• ตัวอย่างการใช้งาน Geolocation API เพิ่มเติม
• ตัวอย่างการใช้งาน Geolocation API ที่สามารถนำไปปรับใช้ในแอปพลิเคชัน
• การทำงานของ Geolocation API โดย JavaScript
• การใช้งาน Geolocation API กับฟังก์ชันอื่น ๆ |