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

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

 

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

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

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

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

back to top

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

ยอมรับทั้งหมด
Manage Consent Preferences
  • คุกกี้ที่จำเป็น
    Always Active

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

  • คุกกี้เพื่อการวิเคราะห์

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

  • คุกกี้เพื่อปรับเนื้อหาให้เข้ากับกลุ่มเป้าหมาย

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

บันทึก