10 อันดับ jQuery ที่น่าสนใจที่สุด

jQuery มักเป็นตัวเลือกแรกสำหรับคนส่วนใหญ่ที่ต้องการใช้เท้าในการเขียนโปรแกรม JavaScript เนื่องจากเป็นวิธีการที่ง่ายในการเลือกองค์ประกอบ HTML และจัดการ DOM jQuery ได้รับความนิยมอย่างมากตามสถิติล่าสุดของ W3Tech, “jQuery นั้นถูกใช้โดย 95.4% ของเว็บไซต์ทั้งหมดที่มีไลบรารี JavaScript ที่เรารู้จัก.”

jQuery ยังถูกใช้โดยไลบรารี JavaScript จำนวนมากเป็นการอ้างอิงและเวอร์ชันอัลฟ่าของรีลีสหลักใหม่ jQuery 3.0 มีอยู่แล้ว หากโครงการของคุณใช้ jQuery ในทางใดทางหนึ่งและคุณต้องการ รูปแบบไดนามิกและยืดหยุ่น สำหรับการออกแบบของคุณควรพิจารณาที่จะรวมปลั๊กอินกริด jQuery ไว้ในสแต็กส่วนหน้าของคุณ.

jQuery Grids ทำงานอย่างไร?

jQuery กริดให้คุณ สร้างเค้าโครงเหมือน Pinterest สำหรับเว็บไซต์ของคุณ. พวกเขาทำงานเหมือนเมทริกซ์เสมือนพวกเขาติดตาม “กล่องภายในกล่อง” หลัก jQuery กริดคำนวณแบบไดนามิกสิ่งที่ดีที่สุดในการจัดเรียงของรายการและเติมหน้าพวกเขาด้วยวิธีที่ออกจากพื้นที่ว่างน้อยที่สุดสิ่งที่คุณเห็นในกล่องเหล่านี้ที่นี่.

ข้อได้เปรียบหลักของ jQuery กริดเมื่อเปรียบเทียบกับกริด CSS คือพวกเขาทำงานกับรูปภาพหรือองค์ประกอบสื่ออื่น ๆ ที่มีความกว้างและความสูงแตกต่างกัน เอฟเฟกต์สุดเจ๋งยังเป็นเหตุผลสำคัญที่ใช้กริด jQuery เพื่อสร้างเลย์เอาต์ที่ทันสมัย.

ในโพสต์นี้คุณสามารถอ่านเกี่ยวกับ 10 กริด jQuery ที่น่าสนใจที่สุด ที่ออกสู่ตลาดในปัจจุบัน - แน่นอนเช่นเดียวกับ jQuery ทั้งหมดเป็นโอเพนซอร์ซและฟรี.

1. jQuery ซ้อนกัน

jQuery Nested ให้คุณใช้งานได้สะดวก เค้าโครงกริดแบบหลายคอลัมน์ที่ตอบสนองได้ และใช้ได้กับอุปกรณ์ทุกประเภท ปลั๊กอิน jQuery นี้โฆษณาตัวเองว่าปลอดช่องว่างอย่างสมบูรณ์ ในตอนแรกสโลแกนนี้อาจฟังดูเป็นกลอุบายทางการตลาดราคาถูก แต่ปลั๊กอินทำให้บรรลุถึงช่องว่างได้อย่างแท้จริงเช่นเดียวกับที่ผู้สร้างสัญญาไว้.

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

2. อิสระ

ฟรีวอลล์ให้คุณสร้างเลย์เอาต์ที่คุณต้องการไม่ว่าจะเป็นกริดรูปภาพ, กริดซ้อน, งานก่อสร้างหรือกริดสไตล์เมโทร มันมีตัวเลือกมากมายที่คุณสามารถตั้งค่าเป็นตัวแปร JavaScript เช่น gutterX, gutterY, animate, cellW, cellH, ฯลฯ มันมีเหตุการณ์ที่กำหนดเองเช่น onGapFound และ onResize, และวิธีการที่กำหนดเองเช่นกัน.

คุณสามารถค้นหาตัวอย่างโค้ดที่ดีบนเว็บไซต์ของพวกเขา ผู้พัฒนายังใส่ใจเกี่ยวกับจิตวิญญาณที่น่าสงสารที่ยังต้องออกแบบเบราว์เซอร์รุ่นเก่าดังนั้น Freewall จึงสนับสนุน Internet Explorer 8, และมันก็มี โซลูชันสำหรับ JavaScript ที่ปิดใช้งาน, ตามที่ใช้ ภาพเคลื่อนไหว CSS 3 เป็นกลยุทธ์ทางเลือก JS. ลองดูบทความของเราที่ Freewall ที่นี่.

3. การก่ออิฐ

ชื่อของช่างก่อสร้างเก่าที่ดีต้องคุ้นเคยกับหูของนักออกแบบที่มีประสบการณ์ทุกคน ในกรณีที่คุณยังไม่เคยได้ยิน Masonry เป็น ไลบรารีโครงร่างตารางแบบเรียงซ้อน ใช้งานได้กับ jQuery และ vanilla JavaScript.

ปลั๊กอินที่มีประโยชน์นี้เป็นพื้นฐานของธีม WordPress ยอดนิยมมากมาย คุณไม่ต้องอัปโหลดไปยังเซิร์ฟเวอร์ของคุณเพราะคุณสามารถเชื่อมโยงไลบรารีจาก CDN ได้โดยตรง.

> PHHSNEWS