30
Dec

15 เว็บไซต์สวยๆ ที่ใช้ jQuery Mansonry

Category: Blog / 2,485 views

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

 

แต่การใช้ JQuery Mansonry จะช่วยให้ปัญหานั้นหมดไปครับ เพระาว่าถ้าหากว่ากล่องข้อมูล มีความสูงไม่เท่ากัน มันก็จะเอากล่องข้อมูลถัดไปมา เรียงต่อกันโดยมีช่องว่างที่ดูสวยงามอัตโนมัติครับผม ถ้าคิดภาพไม่ออก ลองดูภาพด้านล่างนี้นะครับ

นี่แหล่ะครับคือตัวอย่างของการจัดเรียงเนื้อหาแบบ Mansonry ครับ
ถ้าหากอยากรู้รายละเอียดเพิ่มเติม สามารถไปอ่านต่อได้ที่

http://desandro.com/resources/jquery-masonry 

มาดู 15 เว็บไซต์ที่จัดเรียงเนื้อหาแบบ Mansonry กัน


Phraisohn Siripool is a Graphic Designer and Website Developer. Contact Buksohn for Your Business Endeavours