JS Plugin

JS Plugin
http://leonguyen.com

Transcript

1. LeoNguyen.com
2. Outline - References (javascript.leonguyen. com/references.html) - Repositories (javascript.leonguyen. com/repositories.html) - Library - Framework - Input - Display - Display Data List - Display Drawing - Display Chart - Display Schedule - Display Photo Slideshow - Display Content Slideshow - Display Media - Layout - Text - Animation & Effect - Media
3. Library
4. Underscore.js - underscorejs.org
5. Library (Cont) - Vanilla.js (vanilla-js.com) - PHPJs (http://phpjs.org) - Functions.js (bit.ly/1bKJDjw) - Rye (ryejs.com) - Templating: + Knockout (http://knockoutjs.com) + Backgrid.js (http://wyuenho.github.com/backgrid/#examples)
6. Library (Cont) - Server: Shell.js (bit.ly/115PCZ8) - Process Images: Responsive Img (responsiveimg.com) - Conpress: JSZip (bit.ly/1b10QEK) - RequireJs (requirejs.org) - Hello.js (adodson.com/hello.js) - Crossroads.js (bit.ly/15Y1IrR) - PhantomJS (phantomjs.org) - Basket.js (bit.ly/1krNt5a) - Collaboration: TogetherJs (togetherjs.com)
7. Framework
8. Backbone.js - backbonejs.org
9. AngularJS - angularjs.org
10. Others - Modernizr (http://modernizr.com) - Ember.js (emberjs.com) - AdminJS (adminjs.com)
11. Input
12. Input - Touch: QuoJS (bit.ly/GOBBbA) - Label Better (bit.ly/I4irib) - iOS 7 style switches (bit.ly/1l3Lxjy) - jquery-autotab (bit.ly/K8Bppb) - InstantClick (instantclick.io) - Powerful Tree Editor (jaredly.github.io/treed/)
13. Input - Keyboard - Keypress (dmauro.github.io/Keypress) - Mousetrap (bit.ly/1eios3H) - Cheet.js (bit.ly/1dTL9jT)
14. Input - Button - Ladda (bit.ly/LWyqjZ)
15. Input - Date - Flatmin responsive calendar (bit.ly/1bX579o) - Pikaday (bit.ly/1a5SID9)
16. Input - Select - Pikaday (bit.ly/1a5SID9) - Select.js (bit.ly/1dcRGA8)
17. Input - Search - Fuse.js (bit.ly/1b12ztG)
18. Input - Upload - Dropzone.js (www.dropzonejs.com) - FileAPI (mailru.github.io/FileAPI)
19. Input - Editor - CKEditor (ckeditor.com) - Tinymce (www.tinymce.com)
20. Input - Drag / Drop - Dragdealer (bit.ly/115QtsB) - Drag and Drop table (bit.ly/197SyGb) - Sortable (bit.ly/1jGNIsz) - Interact.js (interactjs.io)
21. HTML5
22. Input - Upload - Resumable.js (resumablejs.com) - html5sql (html5sql.com)
23. Input Form
24. Simple Cart JS - simplecartjs.org
25. Display
26. Display - Favicon: Favico.js (bit.ly/1hGqdK4) - Screenfull.js (bit.ly/1c7R8e2) - Slip.js (bit.ly/1cUFZ50) - Magnifier.js (bit.ly/KeKhZM) - Bootstrap Tour (bootstraptour.com) - Perimeter.js (bit.ly/1bAnKSX) - Headroom.js (bit.ly/1970x96) - Swipe.js (swipejs.com) - Wow.js (bit.ly/1fN3L1P)
27. Display - Menu - Responsive Navigation (bit.ly/14st7jZ) - Box Accordion Menu (bit.ly/14sthI0) - jQuery pop menu (bit.ly/1aoOZRk)
28. Display Data List
29. Display Data List - List: + List.js (listjs.com) - Data table: + Recline (reclinejs.com) + Dgrid (bit.ly/13tTPGJ) + tablesort (bit.ly/1c7egfI) - jQuery Feeds (bit.ly/1f7V8kf)
30. Display Drawing
31. Display Drawing - Raphaël (raphaeljs.com) - Fabric (fabricjs.com) - Timeline (timeline.verite.co) - Snap.svg (snapsvg.io) - Svg.js (svgjs.com) - Sigma.js (sigmajs.org)
32. Display Chart
33. Display Chart - NVD3 (nvd3.org) - CHAP Links Library (bit.ly/127ZUuo) - Springy (getspringy.com) - Chart.js (chartjs.org) - D3.js (d3js.org) - C3.js (c3js.org)
34. HTML5
35. Display Chart - Kinetic.js (kineticjs.com) - EasyStar.js (easystarjs.com) - Envision.js (bit.ly/1fe20KA) - Chart.js (chartjs.org) - Aristochart (bit.ly/1jMuAss) - Canvas Query (canvasquery.com) - Gauge.js (bit.ly/1d9uOl2) - Heatmap.js (bit.ly/1fe3fJS) - Joint.js (jointjs.com) - deck.js (bit.ly/LrnZoK) - Cus.js (cutjs.org)
36. Text
37. Format - Formatter.js (bit.ly/1mJUj3v) - Surgar.js (sugarjs.com) - Accounting.js (bit.ly/18qEM1P) + Formatting Numbers With Accounting.Js (bit.ly/1iahZxl) - Numberal.js (numeraljs.com) - Moment.js (momentjs.com) - xDate (arshaw.com/xdate/) - Date.js (datejs.com) - Later.js (bunkat.github.io/later/)
38. String - String.js (stringjs.com) - Complete.ly (complete-ly.appspot.com) - Chance.js (chancejs.com) - Microtext.js (bit.ly/1iKQNDO)
39. Other - Math.js (mathjs.org) - zxcvbn.js (bit.ly/1ga9Abk) - Highlight.js (bit.ly/158a7VD) - Countable (bit.ly/13MJdPa)
40. Media
41. Media - Music Portfolio (bit.ly/17ujgrT) - Web-Audio (bit.ly/1aAMG9z) - MediaElement.js (mediaelementjs.com)
42. HTML5
43. Media - Audio - Audio5Js (bit.ly/17ujgrT) - Buzz (bit.ly/1eibDKm)
44. Animation & Effect
45. GSAP - Green Sock Animation Platform - www.greensock.com
46. Animation & Effect - Effect: + PaintbrushJS (bit.ly/1283ZPa) + Filter (bit.ly/158atM8)
47. Animation & Effect (cont) - Animation: + Animatable (bit.ly/15xYqGP) + Animate.css (daneden.me/animate) + Moto (darsa.in/motio) + Liffect (ademilter.com/lab/liffect) + CreateJs (www.createjs.com) + Interactive SVG (bit.ly/18vEv16)