รวมฟรี Javascript Library ที่จะทำให้เว็บไซต์ดูน่าสนใจมากยิ่งขึ้น

<h2>รวมฟรี Javascript Library ที่จะทำให้เว็บไซต์ดูน่าสนใจมากยิ่งขึ้น<&sol;h2>&NewLine;<p><&sol;br><br &sol;>&NewLine;<strong>รวมฟรี Javascript Library ที่จะทำให้เว็บไซต์ดูน่าสนใจมากยิ่งขึ้น<&sol;strong><br &sol;>&NewLine;ปฏิเสธไม่ได้ว่าในการพัฒนาเว็บไซต์ในปัจจุบัน ภาษาที่จำเป็นอีกภาษาหนึ่งคือในขั้นตอนการพัฒนาเว็บไซต์ส่วน frontend คือภาษา Javascript ภาษาจาวาสคริปต์จะสามารถแก้ปัญหาบางอย่างที่ html หรือ css ทำไม่ได้ และช่วยให้เราสามารถพัฒนาเว็บไซต์ให้มีลูกเล่นมากยิ่งขึ้น<&excl;--more--><&sol;p>&NewLine;<p><&sol;br><br &sol;>&NewLine;วันนี้จะมาแนะนำ javascript library ที่น่าสนใจ ที่ถูกพัฒนาและแจกจ่ายให้ใช้งานแบบฟรี ลองมาดูกันครับว่ามีตัวไหนที่น่าสนใจกันบ้าง<br &sol;>&NewLine;<&sol;br><&sol;p>&NewLine;<h4>bootbox&period;js<&sol;h4>&NewLine;<p>สุดยอดสคริปต์สำหรับจัดการกับ dialog boxes สำหรับเว็บไซต์ของเรา alert&comma; confirm&comma; promt มีระบบ transition ที่สวยงาม ถูกพัฒนาให้ใช้ร่วมกับ bootstrap UI เหมาะอย่างยิ่งสำหรับคนที่ทำเว็บไซต์โดยใช้ bootstrap framework อยู่แล้ว<br &sol;>&NewLine;ดาวน์โหลด &colon; <a href&equals;"http&colon;&sol;&sol;www&period;bootboxjs&period;com" target&equals;"&lowbar;blank">http&colon;&sol;&sol;www&period;bootboxjs&period;com<&sol;a><br &sol;>&NewLine;<img src&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2017&sol;05&sol;bootbox&period;gif" alt&equals;"bootbox&period;js" &sol;><br &sol;>&NewLine;<&sol;br><&sol;p>&NewLine;<h4>superplaceholder&period;js<&sol;h4>&NewLine;<p>ดูน่าเบื่อไช่ไหมครับกับแบบฟอร์มกรอกข้อมูลที่ดูธรรมดา นิ่ง ๆ น่าเบื่อ ไม่น่าสนใจ superplaceholder&period;js จะมาทำให้แบบฟอร์มกรอกข้อมูลยาวเหยียด ให้ดูมีลูกเล่นกับการจัดการกับข้อความ placeholder หรือข้อความอธิบายว่าผู้ใช้งานจะต้องกรอกข้อมูลรูปแบบบไหน ที่ปกติจะเป็นข้อความจาง ๆ นิ่ง ให้ดูน่าสนใจมากยิ่งขึ้น<br &sol;>&NewLine;ดาวน์โหลด &colon; <a href&equals;"http&colon;&sol;&sol;kushagragour&period;in&sol;lab&sol;superplaceholderjs&sol;" target&equals;"&lowbar;blank">http&colon;&sol;&sol;kushagragour&period;in&sol;lab&sol;superplaceholderjs&sol;<&sol;a><br &sol;>&NewLine;<img src&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2017&sol;05&sol;superplaceholder&period;gif" alt&equals;"superplaceholder&period;js" &sol;><br &sol;>&NewLine;<&sol;br><&sol;p>&NewLine;<h4>slick&period;js<&sol;h4>&NewLine;<p>เว็บไซต์ส่วนใหญ่ในปัจจุบันมักจะมี Banner slide หรือ Gallery slide การทำสไลด์ในเว็บไซต์จะไม่ยุ่งยากอีกต่อไปถ้ามี slice&period;js จุดเด่นและความสามารถเจ้าตัวสลิชคือ ทำงานแบบ responsive ได้ ทำ lazy load ได้ มีระบบ filter ในตัวซึ่งหาได้ยากสำหรับ javascript slide ที่มีระบบฟรีให้พร้อมใช้งานได้ขนาดนี้<br &sol;>&NewLine;ดาวน์โหลด &colon; <a href&equals;"http&colon;&sol;&sol;kenwheeler&period;github&period;io&sol;slick&sol;" target&equals;"&lowbar;blank">http&colon;&sol;&sol;kenwheeler&period;github&period;io&sol;slick&sol;<&sol;a><br &sol;>&NewLine;<img src&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2017&sol;05&sol;slice&period;gif" alt&equals;"slice&period;js" &sol;><br &sol;>&NewLine;<&sol;br><&sol;p>&NewLine;<h4>lavalamp&period;js<&sol;h4>&NewLine;<p>เหมาะอย่างยิ่งสำหรับเว็บไซต์ที่มีหน้ารายการ list view แสดงไอเทมหรือรายการกระทู้ยาว ๆ lavalamp&period;js คือ javascript สำหรับทำ infinite scroll คือเวลาเลื่อนลงไปจนสุดแล้วก็จะโหลดข้อมูลใหม่ ๆ ขึ้นมาแสดง หรือเวลาเลือนขึ้นไปด้านบนก็จะโหลดข้อมูลเก่า ก่อนหน้ามาแสดง<br &sol;>&NewLine;ดาวน์โหลด &colon; https&colon;&sol;&sol;github&period;com&sol;jgthms&sol;lavalamp&period;js<br &sol;>&NewLine;<img src&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2017&sol;05&sol;lavalamp&period;gif" alt&equals;"lavalamp&period;js" &sol;><br &sol;>&NewLine;<&sol;br><&sol;p>&NewLine;<h4>progress&period;js<&sol;h4>&NewLine;<p>จาวาสคริปต์สำหรับทำ preloading หรือ progress bar ให้กับเว็บไซต์ รูปภาพที่ใช้ภายในเว็บไซต์ ทำให้เว็บไซต์เราดูน่าสนใจและเนียนตามากยิ่งขึ้น progress&period;js ยังสามารถนำไปประยุกต์ใช้กับการ loading สำหรับ html form ตัวอย่างเช่น กรณีมีการส่งข้อมูลด้วย jQuery Ajax ในระหว่างการส่งข้อมูลก็ให้แสดง progress bar ด้วย progress&period;js ได้ด้วยเช่นกัน<br &sol;>&NewLine;ดาวน์โหลด &colon; <a href&equals;"http&colon;&sol;&sol;usablica&period;github&period;io&sol;progress&period;js&sol;" target&equals;"&lowbar;blank">http&colon;&sol;&sol;usablica&period;github&period;io&sol;progress&period;js&sol;<&sol;a><br &sol;>&NewLine;<img src&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2017&sol;05&sol;progress&period;gif" alt&equals;"progress&period;js" &sol;><br &sol;>&NewLine;<&sol;br><&sol;p>&NewLine;<p><&sol;br><&sol;p>&NewLine;