Responsive Design

รูปภาพคือหนึ่งในปัจจัยสำคัญที่ต้องคำนึงเมื่อคุณต้องการ Responsive Website โดยการกำหนดขนาดของรูปภาพไม่ให้มีขนาดที่ตายตัว แต่จะขยาย-ลดขนามตาม Device ที่เข้าถึงนั้นคือสิ่งจำเป็นที่

Responsive Web Design คือการออกแบบเว็บไซต์รูปแบบหนึ่ง ซึ่งจะใช้วิธีปรับขนาดของเว็บไซต์ให้เหมาะกับการแสดงผลบนหน้าจอขนาดต่าง ๆ รวมถึงปรับความละเอียดของหน้าจอให้สามารถแสดงผลบนอุปกรณ์ต่างๆ

responsive ทำไมต้อง Responsive Web Design? · 1 ออกแบบให้เรียบง่าย · 2 เริ่มที่หน้าจอเล็กสุดก่อนเสมอ · 3 กำหนดขนาดแบบ Relative · 4 หา Breakpoints แล้วเขียน Media Queries · 5 กำหนด

responsive ประโยชน์หลักของการทำ Responsive Design คือการเพิ่มประสบการณ์การใช้งานเว็บไซต์ให้ดี การออกแบบเว็บไซต์ที่ดี ผู้ใช้งานไม่จำเป็นต้องซูมเพื่ออ่านเนื้อหา หรือการขยับซ้ายขวา หรือ การเลื่อนและปัดเพื่ออ่าน