ด้วยเทคโนโลยีเกี่ยวกับการทำเว็บไซต์ได้พัฒนาไปได้ไกลมากขึ้น ทำให้ข้อจำกัดหลายๆอย่างในสมัยก่อน ก็กลายมาเป็นเรื่องง่ายๆในสมัยนี้ ยกตัวอย่างเช่นในบทความนี้ก็คือ การ “จัดเรียง” เนื้อหา แบบอิสระนั่นเองครับ เมื่อก่อนนั้น การจัดเรียงเนื้อหาในเว็บไซต์ต้องจัดทำให้รูปแบบตาราง มีแนวตั้งแนวนอนที่ฟิกขนาดไว้ ซึ่งกรณีถ้ารูปภาพหรือ กล่องข้อมูลมีขนาดความกว้าง หรือความสูง ไม่เท่ากันก็จะทำให้เกิด “ช่องว่าง” แลดูไม่สวยงามครับ
แต่การใช้ JQuery Mansonry จะช่วยให้ปัญหานั้นหมดไปครับ เพระาว่าถ้าหากว่ากล่องข้อมูล มีความสูงไม่เท่ากัน มันก็จะเอากล่องข้อมูลถัดไปมา เรียงต่อกันโดยมีช่องว่างที่ดูสวยงามอัตโนมัติครับผม ถ้าคิดภาพไม่ออก ลองดูภาพด้านล่างนี้นะครับ
นี่แหล่ะครับคือตัวอย่างของการจัดเรียงเนื้อหาแบบ Mansonry ครับ
ถ้าหากอยากรู้รายละเอียดเพิ่มเติม สามารถไปอ่านต่อได้ที่
http://desandro.com/resources/jquery-masonry
[thetext]มาดู 15 เว็บไซต์ที่จัดเรียงเนื้อหาแบบ Mansonry กัน [/thetext]
