HTML5 Responsive Web Design

Screen Shot 2013-09-03 at 9.48.05 AM

จาก iPhone สู่ iPad Apple ได้สร้างปรากฎการณ์ของวงการอินเทอร์เน็ตโดยทำให้จำนวนผู้ใช้เว็บผ่านอินเทอร์เน็ตทางก mobile device หรืออุปกรณ์พกพาเพิ่มขึ้นอย่างรวดเร็วในช่วงหลายปีที่ผ่านมา สำหรับนักพัฒนาเว็บแล้ว ข่าวดีคือ ลูกค้าของเรามีช่องทางในการรับข้อมูลมากขึ้น แต่ข่าวร้ายคือ ขนาดหน้าจอที่เล็กลง ความละเอียดที่ลดลง ทำให้การออกแบบเว็บที่เน้นคอมพิวเตอร์กลับไม่เหมาะที่จะแสดงผลในโทรศัพท์มือถือและแท็บเล็ตนัก ทำให้อาจจะต้องออกแบบเว็บสามเว็บสำหรับคอมพิวเตอร์ มือถือ และแท็บเล็ต ซึ่งเท่ากับเพิ่มงานเป็นสามเท่า ทางเลือกอีกทางคือออกแบบเว็บไซต์แบบ Responsive Responsive คือการออกแบบหน้าเว็บอันเดียว แต่สามารถแสดงผลได้ดีในทุกแพลทฟอร์ม โดยหน้าเว็บจะปรับตัวเองให้แสดงผลในบราวเซอร์ที่มีความกว้างแตกต่างกันไปอัตโนมัติ เป็นที่มาของคำว่า Responsive คือตอบสนองการแสดงหน้าเว็บตามขนาดของบราวเซอร์ผู้เยี่ยมชมนั่นเอง Responsive Design ที่มีผู้ใช้มากที่สุดคือ Bootstrap ซึ่งพัฒนาโดย Twitter โดยปัจจุบันก็ได้ออก Bootstrap 3.0 มาเรียบร้อยแล้ว ซึ่งมีจุดเด่นหลายประการที่เหนือกว่าเวอร์ชั่นก่อนหน้า (Bootstrap 2.3.6) อย่างมาก แต่การเปลี่ยนจาก 2.3.6 มาเป็น 3.0 นั้นไม่ง่ายนัก อาจจะถึงขั้นต้องออกแบบกันใหม่กันเลยทีเดียว ข้อดีอย่างหนึ่งของ Bootstrap 3.0 คือ ผู้ออกแบบสามารถจัดรูปแบบของการแสดงผลในแพลทฟอร์ทต่างๆ ได้เอง … [Read more…]

เปรียบเทียบ Hi5 กับ Facebook

ทั้ง Hi5 และ Facebook ต่างก็เป็น social network เหมือนกัน เน้นการปฏิสัมพันธ์ระหว่างสมาชิกใน network เหมือนกัน แต่เป้าหมายของ Hi5 กับ Facebook อาจจะแตกต่างกันเล็กน้อย Hi5 เน้นความเป็นปัจเจก นั่นคือสมาชิกแต่ละคนสามารถกำหนดรูปแบบหน้าตาของ “web” ตัวเองได้ แล้วให้คนอื่นเข้ามา “หา” ส่วน Facebook เ้ิองเน้นให้แต่ละคนติดตามข่าวสารเพื่อนฝูงญาติพี่น้องว่าทำอะไรกันอยู่บ้าง แน่นอน สมาชิก Hi5 สามารถตามข่าวเพื่อนฝูงใน Facebook แล้ว ส่วนสมาชิก Facebook ก็สมารถปรับแต่ง “หน้าตา” ตัวเองได้นิดๆ หน่อยๆ แต่ด้วยวัตถุประสงค์หลักที่แตกต่างกัน ทำให้กลุ่มผู้ใช้แตกต่างกันไป Hi5 จะเป็นที่นิยมในหมู่เด็กวัยรุ่น ซึ่งกำลังเริ่มเป็นผู้ใหญ่ ต้องการการยอมรับจากสังคมและคนรอบข้าง ผู้เล่น Hi5 ส่วนใหญ่จะนิยมตกแต่งเว็บตนเองให้ดูมีบุคคลิกของตนเอง สร้างความเป็นตัวตนของตนเองขึ้นมา และหา “เพื่อนๆ” มาเยี่ยมเยอะๆ ส่วน Facebook จะจับกลุ่มผู้ใหญ่ได้ดีกว่า เนื่องจากรูปแบบหน้าตาสะอาดสะอ้าน … [Read more…]