Your SlideShare is downloading. ×
JS Plugin
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

JS Plugin

167

Published on

JS Plugin …

JS Plugin
http://leonguyen.com

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
167
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

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)

×