เนื้อหา
- 01. CZM การสนับสนุนการแชททางสังคม
- 02. RTO + P เครื่องเล่นวิดีโอ
- 03. เนียน
- 04. มูริ
- 05. ไทม์ไลน์ js
- 06. เลื่อนหน้าเอียง
- 17. คำแนะนำเครื่องมือ
- 18. ป๊อปอัพอันงดงาม
- 19. jQuery Knob
- 20. Typeahead.js
- 21. Lettering.js
- 22. FitText
มีปลั๊กอิน jQuery นับหมื่นที่เขียนขึ้นสำหรับไลบรารี jQuery สร้างขึ้นในปี 2549 โดย John Resig ไลบรารี jQuery เป็นไลบรารี JavaScript ที่ได้รับความนิยมมากที่สุดแห่งหนึ่ง เป็นแหล่งข้อมูลที่ยอดเยี่ยมสำหรับการออกแบบและพัฒนาการโต้ตอบกับผู้ใช้อย่างรวดเร็ว ไม่ว่าจะเป็นแกลเลอรีรูปภาพหรือรูปแบบแอนิเมชั่น CSS ที่เปิดเผยเนื้อหาหรือเอฟเฟกต์การระเบิดไลบรารีมีส่วนประกอบหลักเพื่อให้คุณสร้างต้นแบบได้อย่างรวดเร็วและส่งมอบอินเทอร์เฟซผู้ใช้ที่ไม่ซ้ำใครด้วยรหัสและความพยายามขั้นต่ำ
อย่างไรก็ตามเพียงเพราะคุณสามารถสร้างวิธีแก้ปัญหาของคุณเองได้นั่นหมายความว่าคุณควรทำหรือไม่? ไม่แน่นอน! ไม่จำเป็นต้องสร้างวงล้อใหม่ทุกครั้งที่คุณต้องการสร้างฟังก์ชันทั่วไปเล็กน้อย ใช้ปลั๊กอินเพื่อเพิ่มพฤติกรรมทันที การทำเช่นนี้จะช่วยให้คุณประหยัดเวลาและความพยายามมากยิ่งขึ้น ด้านล่างนี้คือรายการปลั๊กอิน jQuery ที่มีประโยชน์ของเรา ส่วนใหญ่ฟรีด้วย
สำหรับแหล่งข้อมูลการออกแบบเว็บที่มีประโยชน์มากขึ้นให้สำรวจรายการเครื่องมือออกแบบเว็บที่ดีที่สุด JavaScript API ที่ดีที่สุดและตัวเลือกเฟรมเวิร์ก JavaScript ที่ดีที่สุดที่เราควรพิจารณา
01. CZM การสนับสนุนการแชททางสังคม
- ดาวน์โหลดที่นี่
ปลั๊กอิน jquery รองรับการแชททางสังคมนี้ช่วยให้คุณสามารถเพิ่มการรองรับบัญชีโซเชียลได้ไม่ จำกัด รวมถึง Whatsapp, Messenger, Skype, Twitter, Telegram และ Instagram ตั้งค่าได้ง่ายและคุณสามารถปรับแต่งปุ่มต่างๆได้ตามที่คุณต้องการ ซึ่งแตกต่างจากปลั๊กอินส่วนใหญ่ในรายการนี้ซึ่งไม่ฟรีและจะเสียค่าใช้จ่ายในการดาวน์โหลด $ 9
02. RTO + P เครื่องเล่นวิดีโอ
- ดาวน์โหลดที่นี่
แน่นอนว่ามันเป็นเรื่องง่ายที่จะฝังวิดีโอจาก YouTube หรือที่ไหนก็ได้ แต่ถ้าคุณต้องการควบคุมวิดีโอของคุณให้มากขึ้นอีกหน่อยเครื่องเล่นวิดีโอ RTO + P ก็เป็นสิ่งที่จำเป็น ทำให้ง่ายต่อการสร้างและปรับแต่งเครื่องเล่นวิดีโอของคุณเองซึ่งรับวิดีโอจากเซิร์ฟเวอร์ของคุณเองหรือ CDN หรือจากสตรีม Vimeo สาธารณะ ใช้แท็กวิดีโอ HTML5 เพื่อทำให้ชีวิตง่ายขึ้นหรือเพื่อประสิทธิภาพที่ดีขึ้นคุณสามารถใช้ตัวเลือกการโหลดแบบขี้เกียจ
03. เนียน
- ดาวน์โหลดที่นี่
นี่คือม้าหมุนตัวสุดท้ายที่คุณต้องการหรือไม่? แน่นอนมันอาจจะ; Slick เป็นปลั๊กอิน jQuery ที่ให้ภาพหมุนที่ตอบสนองได้อย่างเต็มที่ในทุกประเภทที่คุณต้องการพร้อมตัวเลือกมากมายให้เล่นรวมถึงการโหลดแบบขี้เกียจเล่นอัตโนมัติการโทรกลับและอื่น ๆ
04. มูริ
- ดาวน์โหลดที่นี่
สำหรับสุดยอดรูปแบบที่ยืดหยุ่น Niklas Rämö’s Muuri ควรค่าแก่การดู ระบบการจัดวางช่วยให้คุณสามารถวางตำแหน่งรายการตารางที่มีขนาดต่างๆกันภายในคอนเทนเนอร์ได้ในแบบที่เป็นไปได้มากเท่าที่จะเป็นไปได้และยังตอบสนองจัดเรียงได้กรองและลากได้ โดยค่าเริ่มต้นระบบจะจัดเรียงทุกอย่างในลักษณะ "พอดีก่อน" แต่คุณสามารถเพิ่มอัลกอริทึมการจัดวางของคุณเองสำหรับรูปแบบการจัดวางที่แตกต่างกันได้
05. ไทม์ไลน์ js
- ดาวน์โหลดที่นี่
ปลั๊กอิน jQuery นี้นำเสนอองค์ประกอบภาพหมุน: Timeline.js ให้ทุกสิ่งที่คุณต้องการในการสร้างไทม์ไลน์แบบหมุน (เช่นตัวเลื่อนที่ดำเนินไปตามจุดตามลำดับเวลา) มันมีตัวเลือกการปรับแต่งภาพและการทำงานมากมาย
06. เลื่อนหน้าเอียง
- ดาวน์โหลดที่นี่
nanogallery2 ได้รับการออกแบบมาเพื่อลดความซับซ้อนของแกลเลอรีรูปภาพของคุณและนำเสนอการนำทางหลายระดับในอัลบั้มไลท์บ็อกซ์เอฟเฟกต์การวางเมาส์แบบผสมผสานบนภาพขนาดย่อสไลด์โชว์แบบเต็มหน้าจอการแบ่งหน้าและการโหลดรูปภาพ รองรับการสัมผัสตอบสนองรวดเร็วและรองรับที่เก็บข้อมูลบนคลาวด์
เวอร์ชัน 2 นำเสนอประสบการณ์การใช้งานที่ดีขึ้นและคุณลักษณะใหม่ ๆ เช่นการกรองตามคำสำคัญรถเข็นการแบ่งปันทางสังคมเอฟเฟกต์การวางเมาส์ขั้นสูงการเปลี่ยนการแสดงภาพขนาดย่อหน้าข้อมูลพร้อมตำแหน่งของ Google Maps และอื่น ๆ
17. คำแนะนำเครื่องมือ
- ดาวน์โหลดที่นี่
Tooltipster เป็นเครื่องมือที่ทันสมัยสำหรับเคล็ดลับเครื่องมือแบบคลาสสิกช่วยให้คุณสามารถนำเสนอคำแนะนำเครื่องมือที่เปิดใช้ HTML ได้อย่างสมบูรณ์ในมาร์กอัปความหมายด้วย CSS ที่ใช้ในการควบคุมการแสดงผล มีตัวเลือกการกำหนดค่าที่หลากหลายทำให้สามารถปรับแต่งได้สำหรับทุกสถานการณ์
18. ป๊อปอัพอันงดงาม
- ดาวน์โหลดที่นี่
นี่คือปลั๊กอินไลท์บ็อกซ์สำหรับ jQuery ที่เน้นการมีน้ำหนักเบาและเข้ากันได้มากที่สุด นักพัฒนาให้ความสำคัญกับประสิทธิภาพและประสบการณ์ของผู้ใช้ดังนั้นจึงไม่มีคุณสมบัติทั้งหมดของปลั๊กอินไลท์บ็อกซ์ทางเลือก แต่มันเร็วมากและทำงานได้อย่างสมบูรณ์แบบในอุปกรณ์หลากหลายประเภทรวมถึงอุปกรณ์ High-DPI (Retina) เช่น MacBook Pro
19. jQuery Knob
- ดาวน์โหลดที่นี่
jQuery Knob ใช้องค์ประกอบอินพุตและแปลงเป็นปุ่มหมุนที่ใช้งานง่ายซึ่งใช้งานได้บนเดสก์ท็อป นี่เป็นตัวอย่างที่ดีเยี่ยมในการปรับแต่งเนื้อหาของคุณให้เหมาะกับกระบวนทัศน์ใหม่ ๆ และควรค่าแก่การมองหาแนวทางทางเทคนิคหากไม่มีอะไรอื่น
20. Typeahead.js
- ดาวน์โหลดที่นี่
ผลิตภัณฑ์ของทีมพัฒนาของ Twitter Type Ahead เป็นเครื่องมือที่ใช้งานง่ายซึ่งดึงมาจากแหล่งข้อมูลภายในหรือภายนอกตามที่ผู้ใช้ของคุณพิมพ์ลงในช่องป้อนข้อมูลโดยให้คำแนะนำในการเติมข้อความอัตโนมัติในขณะที่ดำเนินการ
21. Lettering.js
- ดาวน์โหลดที่นี่
Lettering.js ให้การควบคุมแบบละเอียดสำหรับอักขระแต่ละตัวในประเภทของคุณช่วยให้คุณสามารถใช้ kning ระบายสีตัวอักษรแต่ละตัวและใช้ตัวฟังเหตุการณ์ได้ นอกจากนี้ยังเล่นได้ดีกับ FitText (ด้านล่าง) ให้คุณควบคุมรูปแบบเดสก์ท็อปสำหรับการพิมพ์ของคุณในขณะที่ยังคงตอบสนอง
22. FitText
- ดาวน์โหลดที่นี่
ปลั๊กอินที่มีประโยชน์นี้ช่วยให้คุณสามารถเติมความกว้างของคอนเทนเนอร์ด้วยประเภทของคุณ แต่จะปรับขนาดข้อความขึ้นหรือลงโดยอัตโนมัติเพื่อให้เหมาะสม ได้รับการออกแบบมาเพื่ออำนวยความสะดวกในหัวข้อข่าวที่ตอบสนองได้นอกจากนี้ปลั๊กอินยังทำงานร่วมกับ Lettering.js เพื่อให้สามารถจัดแต่งทรงผมแบบละเอียดต่ออักขระได้อีกด้วย
