เว็บ MacThai เปิดเวอร์ชันสำหรับบนแท็บเล็ตและโทรศัพท์มือถือแล้ว

macthai-on-pc-tablet-mobile-phone

1 เดือนหลังจากที่เราเปิดตัวเว็บ MacThai.com มาแล้ว นอกจากเนื้อหา ข่าวคราว บทวิเคราะห์ รีวิวสินค้า และสาวน่ารักๆ แล้ว ตอนนี้เราได้พัฒนาไปอีกขั้น โดยเปิดให้ผู้อ่านสามารถเข้าเว็บ MacThai ได้สะดวกยิ่งขึ้น ผ่านทางแท็บเล็ต ไม่ว่าจะเป็น iPad, iPad Mini หรือผ่านทางโทรศัพท์มือถืออย่าง iPhone 5, iPhone 4s หรือแม้แต่ iPod Touch

macthai-on-tablet

แท็บเล็ต

เว็บ MacThai ที่ท่านอ่านอยู่นี้ เมื่อเปิดดูบนแท็บเล็ต จะมีขนาดเมนู และจำนวนข่าว ที่จัดหน้ให้พอดีกับแท็บเล็ตของท่าน

โดยการเปิดอ่านในแนวนอน จะได้เห็นตัวเว็บแบบเต็มๆ ทั้งบนล่างซ้ายขวา

แต่หากท่านวางแท็บเล็ตในแนวตั้ง ตัวเว็บจะจัดหน้าอัตโนมัติ โดยนำ Side Bar ที่อยู่ทางขวาไปอยู่ด้านล่างแทน เพื่อให้สะดวกในการอ่านยิ่งขึ้น

macthai-on-mobile-phone

โทรศัพท์มือถือ

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

นอกจากนี้ในหน้าแรกเรายังมีปุ่ม Like และ Tweet สำหรับท่านที่อยากจะแชร์ข่าวของ MacThai โดยกดเพียงปุ่มเดียว สะดวกมากๆ

macthai-on-pc-tablet-mobile-phone

ธีมใหม่ของ MacThai นี้เราเรียกกันว่าเป็นแบบ Responsive คือสามารถจัดหน้าของเว็บ ตามขนาดของหน้าจอผู้ใช้โดยอัตโนมัติ ซึ่งต้องยกความเทพนี้ให้กับ @iMenn ผู้ออกแบบเว็บ MacThai

Link – เบื้องหลังการออกแบบเว็บ MacThai.com (ตอนที่ 1)