Responsive Web Design คืออะไร ?

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

การทำงานของ Responsive Web Design

โดยหลัการทำงาน เราจะเป็นกำหนดขนาดของเว็บไซต์ด้วย HTML, CSS3 หรือ JavaScript การทำ Responsive Web Design 1 ครั้ง สามารถใช้ได้ในหลายอุปกรณ์ได้เลยไม่จำเป็นต้องแยกทำแต่ละอุปกรณ์ เมื่อเปิดเว็บไซต์ด้วยหน้าจอคอมพิวเตอร์ โน้ตบุ๊ค หรือจอโทรทัศน์ที่กำหนดขนาดหน้าจอไว้แล้ว นี้ก็จะแสดงผลได้อย่างเต็มจอสวยงาม และเมื่อเปิดด้วยแท็บเล็ตที่มีหน้าจอขนาดเล็กลงมา เว็บไซต์ก็ยังสามารถปรับขนาดตามได้อย่างพอดี แต่ถ้าหากเปิดด้วยโทรศัพท์มือถือ ขนาดของเว็บไซต์ก็จะแคบลงพอดีกับความกว้างของจอ ทำให้ไม่จำเป็นต้องคอยเลื่อนซ้ายขวาให้วุ่นวาย เพียงแค่ต้องเลื่อนเป็นแนวตั้งเท่านั้น