SlideShare une entreprise Scribd logo
1  sur  47
Télécharger pour lire hors ligne
LeoNguyen.com
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
Library
Underscore.js
- underscorejs.org
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)
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)
Framework
Backbone.js
- backbonejs.org
AngularJS
- angularjs.org
Others
- Modernizr (http://modernizr.com)
- Ember.js (emberjs.com)
- AdminJS (adminjs.com)
Input
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/)
Input - Keyboard
- Keypress (dmauro.github.io/Keypress)
- Mousetrap (bit.ly/1eios3H)
- Cheet.js (bit.ly/1dTL9jT)
Input - Button
- Ladda (bit.ly/LWyqjZ)
Input - Date
- Flatmin responsive calendar (bit.ly/1bX579o)
- Pikaday (bit.ly/1a5SID9)
Input - Select
- Pikaday (bit.ly/1a5SID9)
- Select.js (bit.ly/1dcRGA8)
Input - Search
- Fuse.js (bit.ly/1b12ztG)
Input - Upload
- Dropzone.js (www.dropzonejs.com)
- FileAPI (mailru.github.io/FileAPI)
Input - Editor
- CKEditor (ckeditor.com)
- Tinymce (www.tinymce.com)
Input - Drag / Drop
- Dragdealer (bit.ly/115QtsB)
- Drag and Drop table (bit.ly/197SyGb)
- Sortable (bit.ly/1jGNIsz)
- Interact.js (interactjs.io)
HTML5
Input - Upload
- Resumable.js (resumablejs.com)
- html5sql (html5sql.com)
Input Form
Simple Cart JS
- simplecartjs.org
Display
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)
Display - Menu
- Responsive Navigation (bit.ly/14st7jZ)
- Box Accordion Menu (bit.ly/14sthI0)
- jQuery pop menu (bit.ly/1aoOZRk)
Display
Data List
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)
Display
Drawing
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)
Display
Chart
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)
HTML5
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)
Text
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/)
String
- String.js (stringjs.com)
- Complete.ly (complete-ly.appspot.com)
- Chance.js (chancejs.com)
- Microtext.js (bit.ly/1iKQNDO)
Other
- Math.js (mathjs.org)
- zxcvbn.js (bit.ly/1ga9Abk)
- Highlight.js (bit.ly/158a7VD)
- Countable (bit.ly/13MJdPa)
Media
Media
- Music Portfolio (bit.ly/17ujgrT)
- Web-Audio (bit.ly/1aAMG9z)
- MediaElement.js (mediaelementjs.com)
HTML5
Media - Audio
- Audio5Js (bit.ly/17ujgrT)
- Buzz (bit.ly/1eibDKm)
Animation & Effect
GSAP - Green Sock Animation Platform
- www.greensock.com
Animation & Effect
- Effect:
+ PaintbrushJS (bit.ly/1283ZPa)
+ Filter (bit.ly/158atM8)
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)

Contenu connexe

En vedette

The Health of Networks
The Health of NetworksThe Health of Networks
The Health of NetworksCsaba Toth
 
Design Resources
Design ResourcesDesign Resources
Design ResourcesLeo Nguyen
 
Hadoop and Mapreduce for .NET User Group
Hadoop and Mapreduce for .NET User GroupHadoop and Mapreduce for .NET User Group
Hadoop and Mapreduce for .NET User GroupCsaba Toth
 
Windows 10 preview
Windows 10 previewWindows 10 preview
Windows 10 previewCsaba Toth
 
Git, GitHub gh-pages and static websites
Git, GitHub gh-pages and static websitesGit, GitHub gh-pages and static websites
Git, GitHub gh-pages and static websitesCsaba Toth
 
Introduction to Google BigQuery
Introduction to Google BigQueryIntroduction to Google BigQuery
Introduction to Google BigQueryCsaba Toth
 
Google Compute Engine
Google Compute EngineGoogle Compute Engine
Google Compute EngineCsaba Toth
 

En vedette (11)

The Health of Networks
The Health of NetworksThe Health of Networks
The Health of Networks
 
Design Resources
Design ResourcesDesign Resources
Design Resources
 
Hadoop and Mapreduce for .NET User Group
Hadoop and Mapreduce for .NET User GroupHadoop and Mapreduce for .NET User Group
Hadoop and Mapreduce for .NET User Group
 
Windows 10 preview
Windows 10 previewWindows 10 preview
Windows 10 preview
 
Git, GitHub gh-pages and static websites
Git, GitHub gh-pages and static websitesGit, GitHub gh-pages and static websites
Git, GitHub gh-pages and static websites
 
Introduction to Google BigQuery
Introduction to Google BigQueryIntroduction to Google BigQuery
Introduction to Google BigQuery
 
Google Compute Engine
Google Compute EngineGoogle Compute Engine
Google Compute Engine
 
Java Lab
Java LabJava Lab
Java Lab
 
CSS Lab
CSS LabCSS Lab
CSS Lab
 
Node.js Lab
Node.js LabNode.js Lab
Node.js Lab
 
HTML5 Lab
HTML5 LabHTML5 Lab
HTML5 Lab
 

Similaire à JS Plugin

Data visualization by Kenneth Odoh
Data visualization by Kenneth OdohData visualization by Kenneth Odoh
Data visualization by Kenneth Odohpyconfi
 
Web 2 .Zero Programming Providers
Web 2 .Zero Programming ProvidersWeb 2 .Zero Programming Providers
Web 2 .Zero Programming Providersebooker97
 
Web 2 . .3 Development Services
Web 2 . .3 Development ServicesWeb 2 . .3 Development Services
Web 2 . .3 Development ServicesTheawaster485
 
Web 2 . .3 Development Services
Web 2 . .3 Development ServicesWeb 2 . .3 Development Services
Web 2 . .3 Development ServicesTheawaster485
 
Web 2 . 0 .2 Coding Services
Web 2 . 0 .2 Coding ServicesWeb 2 . 0 .2 Coding Services
Web 2 . 0 .2 Coding Servicescrackmaker00
 
Writing MySQL User-defined Functions in JavaScript
Writing MySQL User-defined Functions in JavaScriptWriting MySQL User-defined Functions in JavaScript
Writing MySQL User-defined Functions in JavaScriptRoland Bouman
 
Build tons of multi-device JavaScript applications - Part 1 : Boilerplate, de...
Build tons of multi-device JavaScript applications - Part 1 : Boilerplate, de...Build tons of multi-device JavaScript applications - Part 1 : Boilerplate, de...
Build tons of multi-device JavaScript applications - Part 1 : Boilerplate, de...Skilld
 
Web 2 . 0 .Zero Coding Services
Web 2 . 0 .Zero Coding ServicesWeb 2 . 0 .Zero Coding Services
Web 2 . 0 .Zero Coding ServicesTheawaster485
 
Data visualization in python/Django
Data visualization in python/DjangoData visualization in python/Django
Data visualization in python/Djangokenluck2001
 
Large Scale Log Analytics with Solr: Presented by Rafał Kuć & Radu Gheorghe, ...
Large Scale Log Analytics with Solr: Presented by Rafał Kuć & Radu Gheorghe, ...Large Scale Log Analytics with Solr: Presented by Rafał Kuć & Radu Gheorghe, ...
Large Scale Log Analytics with Solr: Presented by Rafał Kuć & Radu Gheorghe, ...Lucidworks
 
Refactoring to Macros with Clojure
Refactoring to Macros with ClojureRefactoring to Macros with Clojure
Refactoring to Macros with ClojureDmitry Buzdin
 
Job title string examples
Job title string examplesJob title string examples
Job title string examplesVinkal Kumar
 
Brave new world of HTML5
Brave new world of HTML5Brave new world of HTML5
Brave new world of HTML5Chris Mills
 
webinale2011_Chris Mills_Brave new world of HTML5Html5
webinale2011_Chris Mills_Brave new world of HTML5Html5webinale2011_Chris Mills_Brave new world of HTML5Html5
webinale2011_Chris Mills_Brave new world of HTML5Html5smueller_sandsmedia
 
HTML5 - Daha Flash bir web?
HTML5 - Daha Flash bir web?HTML5 - Daha Flash bir web?
HTML5 - Daha Flash bir web?Ankara JUG
 

Similaire à JS Plugin (20)

Data visualization by Kenneth Odoh
Data visualization by Kenneth OdohData visualization by Kenneth Odoh
Data visualization by Kenneth Odoh
 
Web 2 .Zero Programming Providers
Web 2 .Zero Programming ProvidersWeb 2 .Zero Programming Providers
Web 2 .Zero Programming Providers
 
Web 2 . .3 Development Services
Web 2 . .3 Development ServicesWeb 2 . .3 Development Services
Web 2 . .3 Development Services
 
Web 2 . .3 Development Services
Web 2 . .3 Development ServicesWeb 2 . .3 Development Services
Web 2 . .3 Development Services
 
Web 2 . 0 .2 Coding Services
Web 2 . 0 .2 Coding ServicesWeb 2 . 0 .2 Coding Services
Web 2 . 0 .2 Coding Services
 
Writing MySQL User-defined Functions in JavaScript
Writing MySQL User-defined Functions in JavaScriptWriting MySQL User-defined Functions in JavaScript
Writing MySQL User-defined Functions in JavaScript
 
PHP Lab
PHP LabPHP Lab
PHP Lab
 
Build tons of multi-device JavaScript applications - Part 1 : Boilerplate, de...
Build tons of multi-device JavaScript applications - Part 1 : Boilerplate, de...Build tons of multi-device JavaScript applications - Part 1 : Boilerplate, de...
Build tons of multi-device JavaScript applications - Part 1 : Boilerplate, de...
 
Web 2 . 0 .Zero Coding Services
Web 2 . 0 .Zero Coding ServicesWeb 2 . 0 .Zero Coding Services
Web 2 . 0 .Zero Coding Services
 
Data visualization in python/Django
Data visualization in python/DjangoData visualization in python/Django
Data visualization in python/Django
 
Om nom nom nom
Om nom nom nomOm nom nom nom
Om nom nom nom
 
Large Scale Log Analytics with Solr: Presented by Rafał Kuć & Radu Gheorghe, ...
Large Scale Log Analytics with Solr: Presented by Rafał Kuć & Radu Gheorghe, ...Large Scale Log Analytics with Solr: Presented by Rafał Kuć & Radu Gheorghe, ...
Large Scale Log Analytics with Solr: Presented by Rafał Kuć & Radu Gheorghe, ...
 
Play vs Rails
Play vs RailsPlay vs Rails
Play vs Rails
 
A More Flash Like Web?
A More Flash Like Web?A More Flash Like Web?
A More Flash Like Web?
 
Refactoring to Macros with Clojure
Refactoring to Macros with ClojureRefactoring to Macros with Clojure
Refactoring to Macros with Clojure
 
Job title string examples
Job title string examplesJob title string examples
Job title string examples
 
Brave new world of HTML5
Brave new world of HTML5Brave new world of HTML5
Brave new world of HTML5
 
webinale2011_Chris Mills_Brave new world of HTML5Html5
webinale2011_Chris Mills_Brave new world of HTML5Html5webinale2011_Chris Mills_Brave new world of HTML5Html5
webinale2011_Chris Mills_Brave new world of HTML5Html5
 
Html5 For Jjugccc2009fall
Html5 For Jjugccc2009fallHtml5 For Jjugccc2009fall
Html5 For Jjugccc2009fall
 
HTML5 - Daha Flash bir web?
HTML5 - Daha Flash bir web?HTML5 - Daha Flash bir web?
HTML5 - Daha Flash bir web?
 

Dernier

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MIND CTI
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businesspanagenda
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherRemote DBA Services
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?Igalia
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CVKhem
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native ApplicationsWSO2
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDropbox
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...apidays
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Zilliz
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...apidays
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingEdi Saputra
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfOverkill Security
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdflior mazor
 

Dernier (20)

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 

JS Plugin

  • 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
  • 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)
  • 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)
  • 24. Simple Cart JS - simplecartjs.org
  • 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)
  • 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)
  • 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)
  • 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)
  • 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)