ออกแบบเว็บด้วยเทคนิค Responsive Design

เทคนิคการเขียนเว็บมีการตื่นตัวอย่างมาก เป็นการเขียนเว็บให้สามารถรองรับได้กับทุกเว็บบราวเซอร์ อุปกรณ์มือถือ อุปกรณ์แท็บเล็ต ที่ล้วนแล้วมีขนาดแตกต่างกัน เพื่อให้สามารถอ่านบนอุปกรณ์เหล่านั้น ในสมัยก่อนนิยมจัดทำเทมเพลทแยกกัน เป็น เทมเพลทสำหรับคอมพิวเตอร์ และสำหรับมือถือ ซึ่งการดูแลรักษาจะยุ่งยากพอสมควร ลองดูตัวอย่าง

พอเราย่อเว็บบราวเซอร์ เสมือนเป็นอุปกรณ์ที่มีหน้าจอเล็กลงเรื่อยๆ จะมีการจัดรูปแบบใหม่ดังนี้

เทคนิคนี้ไม่ยากเลย เพียงแต่เราใช้ CSS ควบคู่กับ HTML ธรรมดา ใครก็สามารถเขียนเว็บแบบนี้ได้ สำหรับนักพัฒนาควรเริ่มต้นศึกษาได้แล้ว และสำหรับลูกค้าควรเลือกเว็บรูปแบบใหม่ที่เป็น Responsive Design เพราะลูกค้าของเราทุกวันนี้ล้วนเข้าถึงอินเตอร์เน็ตผ่านอุปกรณ์มือถือสมาร์ทโฟนทั้งสิ้น วิธีนี้จะประหยัดว่าการสร้างแอพริเคชั่นบนมือถือเยอะเลย เหมาะสำหรับผู้ที่มีงบประมาณจำกัด

ผมขอยกตัวอย่างเว็บสองเว็บครับ เว็บที่ 1 http://www.justmyenglish.com เว็บขายคอร์สเรียนภาษาอังกฤษออนไลน์

เว็บที่ 2 http://interactiveenglishlearning.com เว็บสอนภาษาอังกฤษ Tell Me More Online

 

เห็นไหมครับ เว็บสวยงาม สามารถเข้าด้วยอุปกรณ์ ไอโฟน ไอแพด และอุปกรณ์สมาร์ทโฟน โดยผู้ใช้ไม่ต้องกดย่อขยาย

About admin