การสร้างเว็บเพจแบบ Responsive Design

การสร้างเว็บเพจแบบ Responsive Design

หลังจากที่ได้อ่านบทความ ‘Responsive Web Design คืออะไร?’ ซึ่งเกรินนำเกี่ยวกับหลักการสร้างเว็บไซต์ให้เป็น Responsive ครั้งนี้เราจะมาทำ Workshop วิธีการทำกันบ้างนะครับ โดยผมได้เขียน HTML , CSS , javascript ให้อยู่ในหน้าเดียวกันเลย โดยทำ Breakpoint ขนาดแสดงผลไว้ 3 รูปแบบเพื่อแสดงผลกับ หน้าจอคอมพิวเตอร์ , แท็บเล็ต และมือถือสมาร์ทโฟน ซึ่งการแสดงผลแบบ มือถือ จะมีข้อแตกต่างในส่วนของเมนู เอาหล่ะครับเรามีดูกัน

Read More

Responsive Web Design คืออะไร?

Responsive Web Design คืออะไร?

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

Read More