Responsive web คืออะไรว่ะ! มาๆเดี๋ยวเล่าให้ฟัง

เมื่อตอนที่ iPhone รุ่นแรกสุดเพิ่งออกมาใหม่ๆ ตอนนั้นผมเองก็ได้โอกาสใช้ iPhone รุ่นนั้นเหมือนกันฮะ

ตอนใช้รุ่นนั้นเล่นเน็ต ผมเห็นปัญหาอย่างนึงเลย คือเวลาเข้าเว็บแล้วแม่งต้องแบบซูมเข้าซูมออกบ่อยๆ แตะปุ่มไม่ค่อยจะโดนเซงจุงเบย

แต่พอเวลาผ่านไป Technology มันก็พัฒนาใช่มั้ยครัช ตลาดของ Smartphone ก็โตขึ้นทุกวัน เพราะเหตุฉะนั้น responsive web จึงถูกพัฒนาขึ้นมานั้นเองง

อ้าวเห้ย เขียนอยู่นั้นล่ะ responsive webๆ สรุปอะไรคือ responsive web ว่ะ? โอเคฮะ ใจเย็นๆครัช จริงๆแล้วเนี้ยไอ้เจ้า responsive web ก็คือการที่เราเข้าเว็บด้วยขนาดจอที่ต่างกัน เช่น เราใช้มือถือเข้าเว็บ ก็แปลว่าเราเข้าเว็บด้วยจอขนาดเล็กใช่มั้ยฮะ ใช่สิฮะ ก็ในทางเดียวกัน ถ้าเราเอาแท็ปเล็ตเข้าเว็บ ก็แปลว่าเราเข้าเว็บด้วยจอขนาดกลางๆ เข้าใจตรงกันน่ะครัช

ไอ้ responsive web เนี้ย คือเมื่อเราเข้าเว็บด้วยขนาดจอที่ต่างกัน แล้วเว็บๆนั้น ได้เปลี่ยน layout ให้มันเหมาะสมกับขนาดจอนั้นเมื่อไหร่ นั้นล่ะครับ ที่เราเรียกว่าเว็บนั้นเป็น responsive web จริงๆแล้วเนี้ย responsive web มันยังช่วยลดทรัพยากรในการเข้าเว็บของ Smartphone อีกต่างหาก

อ้อเกือบลืมบอกไป Course Square ของเราเนี้ย ก็ Responsive น่ะครัพพพ ไม่เชื่อคุณลองย่อหน้าต่างเวลาเปิด Course Square ดูสิครับ แล้วคุณจะเห็นเลยว่า เว็บเราก็ responsive กับเค้าเหมือนกันน่ะ

ข้อดีของการทำเว็บ responsive คืออะไรนะหรอครับ?

ข้อดี คือ มันทำยากขึ้น ทำให้ต้องใช้เวลาในการทำงานมากขึ้น เห้ย ไม่ใช่ ข้อดีก็คือ แน่นอนครับ UX ของผู้ใช้งานดีขึ้น, เขียนโค้ดแค่ครั้งเดียว ใช้ได้ทั้ง Mobile, Tablet และ Desktop, และยังส่งผลทางอ้อมกับ SEO อีกด้วย ก็เพราะว่าเราใช้แค่เว็บเดียวเท่านั้น ไม่ได้แยกไปเป็นอีกเว็บอีกเวอร์ชั่น มันทำให้ Google สามารถหาและ index ได้อย่างง่ายดาย

แต่นอกจาก responsive web ที่เป็นของแท้แล้ว มันก็จะมีพวก responsive จอมปลอม อยู่ด้วย

ไอ้พวก responsive จอมปลอม ก็คือ มันเปลี่ยนแค่ layout อย่างเดียว แต่ยังกินทรัพยาการต่างๆเหมือนเดิมเป๊ะ เช่นกิน CPU เท่ากับ web เวอร์ชั่นปกติ พวกนั้นล่ะฮะ ที่ผมเรียกว่า responsive จอมปลอม

แล้วไอ้ responsive web เค้าพัฒนากันยังไงล่ะ?​ จริงๆแล้วเดี๋ยวนี้มี framework ที่เราไว้พัฒนา responsive web เยอะพอสมควร แต่ตัวที่ดังๆ และหลายๆเว็บ รวมถึง Course Square ใช้เนี้ย ก็คือ Bootstrap ครับ เพราะมันเป็น framework ที่เข้าใจง่าย และค่อนข้างมีประสิทธิภาพ

ยังไงก็ตามน่ะครับ ส่วนตัว ผมคิดว่าเทรนด์ของ responsive web จะยังคงบูมอย่างต่อเนื่องจากปี 2014 และแน่นอน brand ไหน เว็บยังไม่ responsive เดี๋ยว look ของ brand จะดูเชยเอาน่ะตัวเธอว์