ก่อนอื่นต้องกล่าวทักทายสวัสดี เพื่อนๆ พี่ๆ บอร์ดไทยเสียวทุกๆ คนครับ วันนี้ผมขอทำตัวเป็นประโยชน์ซักวันหลังจากอยู่บอร์ดนี้มานาน นับเวลาที่อยู่ในบอร์ดนี้ก็ประมาณ 12 วัน 20 ชั่วโมง กับ 40 นาที โดยประมาณ (ผมไม่ใช่คนเขียนเว็บเก่ง ไม่เก่งเรื่อง Code ไม่เก่งเรื่อง SEO)
เข้าเรื่องกันเลยดีกว่าครับ วันนี้ผมขอนำเสนอซอฟแวร์ที่ใช้สำหรับทดสอบ Responsive Web Design ของเว็บมาฝากครับ เท่าที่ลองหาดูในบอร์ดก็มีคนนำเสนอเกี่ยวกับเทคนิคและหลักการของ Responsive Web Design ไปบ้างแล้ว ดังนั้นรายละเอียดในส่วนนี้ผมขอข้ามไปเลยละกัน ไปเข้าเรื่องของผมเลยดีกว่า ดูเหมือนว่าผมจะชอบนอกเรื่องนะเนี๊ย ซอฟแวร์ที่ใช้สำหรับทดสอบ Responsive Web Design ที่ผมจะนำมาเสนอวันนี้ชื่อว่า Opera Mobile Emulator (ลองหาดูในบอร์ดยังไม่เห็นมีคนนำเสนอ หากมีพี่ๆ ท่านใดเคยใช้มาแล้วก็ต้องขออภัยมา ณ ที่นี้ เอามาฝากสำหรับคนที่ไม่เคยลองเล่น ให้ลองเล่นกันดูนะครับ)
ดังที่หลายคนทราบกันดีเกี่ยวกับ Responsive Web Design ซึ่งเป็นการออกแบบเว็บไซต์ เพื่อให้รองรับกับขนาดหน้าจอของอุปกรณ์สื่อสารต่างๆ ไม่ว่าจะเป็นเครื่องพีซี โน๊ตบุ๊ค สมาร์ทโฟน แท็บแล็ตซึ่งในส่วนของครื่องพีซี โน๊ตบุ๊ค หลายคนคงมีกันอยู่แล้ว แต่จะให้ซื้อพวกสมาร์ทโฟนและแท็บแล็ตทุกๆ รุ่นมาทดสอบ Responsive Web Design ก็ดูกระไรอยู่ วันนี้เลยนำโปรแกรมทดสอบ Responsive Web Design มาฝากครับ โปรแกรมนี้ชื่อว่า Opera Mobile Emulator (ฟรีแวร์) มีทั้งเวอร์ชั่น Mac และ Windows
ดาวน์โหลด Opera Mobile Emulator
สำหรับภาพที่ผมนำมาเสนอนี้เป็นโปรแกรมเวอร์ชั่น MAC นะครับ โดยเมื่อเปิดโปรแกรมอันดับแรกก็ให้เราเลือกอุปกรณ์ที่มีมาให้ได้เลยครับ ผมขอเลือกเป็น Samsung Galaxy Note

หลังจากที่เลือกอุปกรณ์ก็จะปรากฏหน้าจอดังภาพ โดยให้เรากรอกชื่อเว็บและดูการแสดงผลหน้าเว็บผ่านอุปกรณ์ที่เลือกได้เลยครับ

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

ที่มาข้อมูล :
coding.smashingmagazine/ 