Responsive web คือ

Responsive web คือ

Responsive web design ก็คือคอนเซปต์ซึ่งรวมเอา css, css3 และ Javascript เข้ามาอยู่รวมกันเพื่อสร้างการออกแบบใหม่ ที่สามารถเปลี่ยนแปลงได้ง่ายโดยขึ้นอยู่กับ ขนาดหน้าจอของ user โดยงานออกแบบของเรานั้นจะสามารถ ขยาย ย่อ จัดเรียงใหม่ หรือเอา content ออกไปเลยก็ยังได้ ซึ่งแทนที่จะออกแบบแยกกันหลายๆหน้าจอ หลายๆแบบ เราก็เพียงทำแค่ออกแบบครั้งเดียวแต่ให้มันปรับขยายได้ตามหน้าจอ มันก็จะง่ายขึ้นอีกเยอะเลย

แต่ปัญหามันก็ยากตรงที่การออกแบบเว็บไซต์แบบนี้ เราจะต้องวางแผนการออกแบบให้ละเอียดก่อนจะทำงานจริง คือต้องออกแบบให้รองรับทั้ง Desktop tablet และ mobile นอกจากนี้ต้องกำหนดขนาดของ css และรูปภาพให้ชัดเจน(ส่วนใหญ่กำหนดความกว้างกล่อง css เป็น %) ถ้าเราไม่วางแผนให้ดีๆก่อนออกแบบ มิเช่นนั้น จะเกิดปัญหาใหญ่หลวงและความยุ่งยากตามมาแน่ค่ะ เหมือนต้องรื้อใหม่ทั้งหมดเลย

เอาล่ะ ใครฟังแล้วอยากจะศึกษาต่อไปอ่านที่นี่ guidelines for responsive web design