Tag: pinterest

 Pinterest ถือว่าเป็นอีกหนึ่ง Social Network ที่ได้รับความนิยมอย่างมากในปัจจุบัน ผู้คนจำนวนมากหลั่งไหลเข้ามาที่ Pinterest เพื่อหาค้นหาไอเดีย และแรงบันดาลใจใหม่ ๆ ในการดำเนินชีวิตจากรูปภาพนับล้านภายในเว็บ ซึ่งมาจากผู้คนทั่วโลกตั้งแต่ปี 2010 จวบจนปัจจุบัน นอกจากเป็นแหล่งค้นพบรูปภาพอันน่าทึ่งแล้ว Pinterest ยังเปิดโอกาสให้ผู้คนสามารถปักหมุด (Pin) รูปภาพที่ตนเองสนใจ (Interest) ลงบนบอร์ด ท้ายที่สุดบอร์ดนั้นจะกลายเป็นคอลเล็กชันของส่วนตัว ซึ่งผู้ใช้สามารถจัดหมวดหมู่บอร์ดและรูปภาพต่าง...

จาก workshop ที่แล้ว ทำเว็บสไตล์ Pinterest ง่าย ๆ ด้วย Masonry หากใครที่ลองไป copy url รูปจากอินเทอร์เน็ตมาใส่แทน แล้วลองเปิดเว็บดู จะพบว่า Masonry มีปัญหาการแสดงผล grid ที่เพี้ยน คือ รูปมันจะมาซ้อน ๆ กัน ทำให้การเรียงรูปใน grid ดูไม่สวยงาม...

ใครที่เคยเข้าเว็บ Pinterest.com เพื่อหาดูไอเดียต่าง ๆ จะเห็นได้ว่า Pinterest เป็นเว็บที่มีการแสดงข้อมูลรูปภาพที่มีเอกลักษณ์มาก โดยรูปภาพในเว็บจะถูกแสดงซ้อน ๆ กันหลายรูป  การแสดงผลแบบนี้มีชื่อเรียกว่า staggered grid บทความนี้ผมพามาลุย workshop พาทำเว็บสไตล์ Pinterest อย่างง่าย ๆ ด้วย javascript library ที่ชื่อว่า Masonry ซึ่งเป็น js library ใช้ทำ...