แจกของฟรี

ด้วยเทคโนโลยีเกี่ยวกับการทำเว็บไซต์ได้พัฒนาไปได้ไกลมากขึ้น ทำให้ข้อจำกัดหลายๆอย่างในสมัยก่อน ก็กลายมาเป็นเรื่องง่ายๆในสมัยนี้ ยกตัวอย่างเช่นในบทความนี้ก็คือ การ “จัดเรียง” เนื้อหา แบบอิสระนั่นเองครับ เมื่อก่อนนั้น การจัดเรียงเนื้อหาในเว็บไซต์ต้องจัดทำให้รูปแบบตาราง มีแนวตั้งแนวนอนที่ฟิกขนาดไว้ ซึ่งกรณีถ้ารูปภาพหรือ กล่องข้อมูลมีขนาดความกว้าง หรือความสูง ไม่เท่ากันก็จะทำให้เกิด “ช่องว่าง” แลดูไม่สวยงามครับ
 
แต่การใช้ JQuery Mansonry จะช่วยให้ปัญหานั้นหมดไปครับ เพระาว่าถ้าหากว่ากล่องข้อมูล มีความสูงไม่เท่ากัน มันก็จะเอากล่องข้อมูลถัดไปมา เรียงต่อกันโดยมีช่องว่างที่ดูสวยงามอัตโนมัติครับผม ถ้าคิดภาพไม่ออก ลองดูภาพด้านล่างนี้นะครับ

นี่แหล่ะครับคือตัวอย่างของการจัดเรียงเนื้อหาแบบ Mansonry ครับ
 ถ้าหากอยากรู้รายละเอียดเพิ่มเติม สามารถไปอ่านต่อได้ที่
http://desandro.com/resources/jquery-masonry มาดู 15 เว็บไซต์ที่จัดเรียงเนื้อหาแบบ Mansonry กัน
















ที่มา: https://www.buksohn.com/15-%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A%E0%B9%84%E0%B8%8B%E0%B8%95%E0%B9%8C%E0%B8%AA%E0%B8%A7%E0%B8%A2%E0%B9%86-%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B9%83%E0%B8%8A%E0%B9%89-jquery-mansonry.html