SlideShare una empresa de Scribd logo
1 de 81
Descargar para leer sin conexión
LeoNguyen.com
Outline
- References (jquery.leonguyen.
com/references.html)
- Repositories (jquery.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
Library (Cont)
- jQuery Template (http://api.jquery.com/jQuery.template)
- jQuery Boilerplate (jqueryboilerplate.com)
Framework
jQuery
- www.jquery.com
QUnit
- qunitjs.com
Others
- ZeptoJs (zeptojs.com)
- AdminJS (adminjs.com)
Input
Input
- Repeatable Fields (bit.ly/Je3iMb)
- Hint Label: Super Label (bit.ly/17sl6JK)
- Editable: X-editable (bit.ly/15vJPM3)
- Tipue drop (bit.ly/1eey7y8)
- sGlide (bit.ly/1cw9uWJ)
- jQuery Incrementer (bit.ly/1gETBVh)
- Paint: wPaint (wpaint.websanova.com)
- jQuery Color Picker Sliders (bit.ly/19BTSVK)
- DictAndList (dict-and-list.appspot.com)
- Creditly.js (bit.ly/1jB3YKE)
Input (cont)
- Social: uLike (bit.ly/12D4R9j)
+ Classy (bit.ly/1261CfF)
+ Social Share Privacy (bit.ly/1kXnEaW)
Input - Masked Input
- jQuery Mask Input (bit.ly/1a92oqe)
- Masked input plugin (bit.ly/12V5wCb)
Input - Persist
- GarlicJs (garlicjs.org)
- Phoenix (bit.ly/1968mvB)
- Autosave.js (bit.ly/199hQH9)
Input - Button
- Buttons (bit.ly/1euuA8o)
Input - Select box
- Ajax AutoComplete (http://bit.ly/18vf8ZT)
- Select2 (bit.ly/18qFvjz)
- Chosen (bit.ly/1emoBoJ)
- customSelect (bit.ly/17sWNct)
- jQuery UI MultiSelect Widget (bit.ly/17Vk4L1)
- jqxDropDownList (bit.ly/1cMeQi9)
- typeahead.js (bit.ly/156iJMu)
- Magic Suggest (bit.ly/18qFFrb)
- AutoJS (bit.ly/Iu5U7p)
- bselect (bit.ly/1k2QeXL)
- Minimalect (bit.ly/JQdGJS)
- selectonic (bit.ly/1faKasc)
Input - Select box (cont)
- Selectric (bit.ly/1lHjCCP)
- jQuery Bootstrap-style Dropdowns (bit.ly/1bcQNqa)
- Bootstrap Dual Listbox (bit.ly/17q1jsk)
- Bootstrap Multiselect (bit.ly/1bQaKZK)
Input - Search
- HideSeek (bit.ly/1fVi58q)
Input - Date
- Date range picker (bit.ly/1260OYf)
- jQuery Range Calendar (afreeux.com)
- CLNDR.js (bit.ly/GSn5yW)
- DateTime Picker (bit.ly/1dqsVAs)
Input - Tag
- Tags Manager (bit.ly/15vKsFg)
- Selectize (bit.ly/1ccBO45)
Input - Upload
- jQuery.upload (bit.ly/1fpGDda)
- Dropzone.js (www.dropzonejs.com)
- jQuery File Upload (bit.ly/1byCNwj)
- Mini AJAX File Upload (http://bit.ly/10Hc1M4)
- Plupload (www.plupload.com)
- jQuery File API (bit.ly/1kEtyxB)
- jQuery Upload File Plugin (bit.ly/1hW8qQK)
Input - Editor
- elRTE (elrte.org)
- Redactor (imperavi.com/redactor)
- bootstrap-wysihtml5 (bit.ly/14pWEuB)
- Summernote Bootstrap (bit.ly/1dmb0Pc)
- fresherEditor (bit.ly/12V74vS)
Input - Validation
- Parsley.js (parsleyjs.org)
- jQuery Validation (bit.ly/18ucgzM)
- jQuery.validity (bit.ly/15TsRHa)
- Formance.js (bit.ly/1cBuosD)
- Password (bit.ly/1bsycaC)
Input - Drag / Drop
- Shapeshift (bit.ly/15TWw5u)
- jquery.pep.js (bit.ly/1cmi2V2)
Input - Mobile
- jQuery UI Touch Punch (touchpunch.furf.com)
- Hammer.js (bit.ly/17aOCsf)
- Make a list jQuery Mobile sortable by drag & drop (bit.ly/19XyyX8)
- Mobile Drag And Drop (bit.ly/1i7rlGK)
- JQuery UI for iPhone, iPad and iPod Touch (bit.ly/16ptgRM)
Touch Event
Touch2Mouse
Input Form
Formbuilder.js
- dobtco.github.io/formbuilder
Input Form
- Alpaca (www.alpacajs.org)
- Ideal Forms (bit.ly/1g78koQ)
- jFormer (www.jformer.com)
Input Form - Cart
- EasyUI Cart (bit.ly/16ANN9F)
- Smart Cart (techlaboratory.net)
- jCart (conceptlogic.com/jcart)
- jQuery Interactive Shopping Cart (bit.ly/1c7HRpb)
- plum.shop (demo.plumjs.com/shop/)
Display
Display
- Adaptive backgrounds (bit.ly/18sUYmS)
- Annotations.js (bit.ly/1kTF31p)
- Circliful (bit.ly/1lKIxGJ)
- Pines Steps (pinesframework.org/psteps)
- Map: ImageMapster (bit.ly/1hiVlRm)
+ Mapper.js (bit.ly/1cPODBt)
- Countdown: FlipClock.js (flipclockjs.com)
+ Countdown.js (countdownjs.org)
- Header: Headroom.js (bit.ly/1970x96)
- Stick: Sticky.js (stickyjs.com)
- Loader: SpinJs (bit.ly/1581KJH)
- Tab: EasyTabs.js (bit.ly/1aADTEx)
Display (cont)
- Toolbar: Toolbar.js (bit.ly/18vxqh3)
- Scroller: nanoScroller.js (bit.ly/15W0nis)
- Processbar: Demo (bit.ly/19aDRFH)
- Rainbow (bit.ly/17uabiO)
Display - Message
- Noty (bit.ly/13UD1fd)
- jQuery.msgBox (bit.ly/1j8msh8)
- Crumble (bit.ly/13UD2Qe)
- Opentip (bit.ly/15TvusL)
- Knob (bit.ly/19dktDG)
- Toastr (bit.ly/IWLap5)
Display - Modal
- Simple Modal (simplemodal.plasm.it)
- Bootstrap's modal (bit.ly/1g7Kwkv)
Display - Menu
- SmartMenus (www.smartmenus.org)
- jMenu (bit.ly/13tRATU)
- jPanelMenu (jpanelmenu.com)
- HTML5 (bit.ly/14stdrC)
- Top Drawer (bit.ly/1bSphlF)
- Slidebars (bit.ly/1lgMepZ)
- EasyAsPie (bit.ly/1a9jowX)
- Multi-level push menu (multi-level-push-menu.make.rs)
- jQuery ContextMenu (bit.ly/1eky7s5)
- Sidr (berriart.com/sidr/)
- bigSlide.js (bit.ly/1a8Hwpm)
Display - Tab
- Responsive Tabs (bit.ly/1bGIW7K)
- Responsivetabs (bit.ly/1bYft9o)
Display - Tree
- zTree (ztree.me)
- jsTree (jstree.com)
- EasyTree (easyjstree.com)
- JqTree (bit.ly/LWz0iG)
- aciTree (bit.ly/1g2mhbp)
- Fancytree (bit.ly/1dNRhpA)
- Nestable (bit.ly/1c5qUOk)
- jQuery Treeview (bit.ly/1ioTrCg)
Display - Paging
- jPages (bit.ly/13Ox2px)
Display - Export
- tableExport (bit.ly/1sPbbtV)
Display
Data List
jqGrid
- www.trirand.com/blog/
jTable
- www.jtable.org
FooTable
- fooplugins.com/plugins/footable-jquery/
jQuery.sheet
- bit.ly/IxFoL1
Display Data List
- List:
+ Infinity (airbnb.github.com/infinity)
+ jPages (bit.ly/13Ox2px)
- Filter:
+ TinySort (tinysort.sjeiti.com)
+ Filtrify (luis-almeida.github.com/filtrify)
+ jQuery Searcher (bit.ly/1f80eNe)
- jQuery Table AddRow plugin (bit.ly/LanL5I)
Display Data List - Data table
- OpenJS Grid (square-bracket.com/openjs)
- Data Tables (www.datatables.net)
- Editable (bit.ly/13VS2gE)
- FooTable (bit.ly/15VGeXC)
- Stacktable.js (bit.ly/116XRnH)
- Paramquery Grid (paramquery.com/grid)
- Handsontable (bit.ly/18sfkca)
- MediaTable (bit.ly/16RJ2UU)
- Dynatable.js (dynatable.com)
- Resizable Columns (bit.ly/15SMFzx)
- Stupid jQuery Table Sort (bit.ly/18Ug76n)
- jQuery treetable (bit.ly/15Yi3wI)
Display Data List - Data table (cont)
- jQuery editTable (bit.ly/IWqY7u)
- tiny editable jQuery Bootstrap spreadsheet (bit.ly/1lZhxpE)
Display
Drawing
jsPlumb
- bit.ly/13tYCrO
Display Drawing
- Arbor.js (arborjs.org)
Display
Chart
Display Chart
- Highcharts (www.highcharts.com)
- jQuery HighchartTable (highcharttable.org)
- Flot (www.flotcharts.org)
- Maplace.js (maplacejs.com)
- Morris.js (bit.ly/1g7fihd)
Display
Schedule
Display Schedule
- FullSchedule: (arshaw.com/fullcalendar)
- Monket (bit.ly/116ZOAA)
- Frontier (bit.ly/13tXm86)
Display
Images
Display Photo Slideshow (cont)
- Lazy load:
+ Echo.js Lazy Images (bit.ly/1isL5tT)
+ Lazy Load XT (bit.ly/K8GxsZ)
+ imagesLoaded (imagesloaded.desandro.com)
Display
Photo Slideshow
Display Photo Slideshow
- Pikachoose (www.pikachoose.com)
- Wow Slider (wowslider.com)
- Slide.js (slidesjs.com)
- Glide.js (bit.ly/18TuQhT)
- Slider Shock (www.jqueryslidershock.com)
- jGlance (moewashere.com/jglance)
- Owl Carousel (owlgraphic.com/owlcarousel)
- Fullscreen (bit.ly/181IAGy)
- Backstretch (bit.ly/11700ji)
- Sly (darsa.in/sly)
- Elastislide (bit.ly/18simxj)
- Cycle (bit.ly/14sBzzB)
Display Photo Slideshow (cont)
- StackSlider (bit.ly/18vBM7U)
- ayaSlider (bit.ly/1bAZccd)
- iLightBox (iprodev.com/ilightbox)
- Lightbox (www.frescojs.com)
- Photobox (http://dropthebit.com/demos/photobox)
- Microfiche.js (bit.ly/14sBMmj)
- Nivo Zoom (nivozoom.dev7studios.com)
- Sk Touch Carousel (bit.ly/12POMM0)
- Mobile: SwipeView (bit.ly/18vBVIw)
- Smooth Products (bit.ly/18AuqOJ)
- jQuery Lightbox alternative (bit.ly/18rzIIT)
- Allofthelights.js (bit.ly/1kLECZJ)
Display Photo Slideshow (cont)
- PhotoJShop (bit.ly/1fMiwTa)
- Least.js 2 (leastjs.com)
Display Photo Slideshow - 3D
- 3D Gallery (bit.ly/17ueJ8W)
- Refine Slide (bit.ly/1bJNQ3W)
- Adaptor (bit.ly/1ehyKHh)
- Slicebox (bit.ly/1bSL8Kt)
Display
Content Slideshow
Display Content Slideshow
- ImpressJS (bit.ly/19aHMlX)
- Sequence (www.sequencejs.com)
- Parallax (bit.ly/13tY45c)
- Windy (bit.ly/1dMSuwp)
- Navigator (bit.ly/13MF1yO)
- Circular Carousel (bit.ly/17ufbUC)
- Baraja (bit.ly/17ufeja)
- Any List Scroller (http://als.musings.it)
- Elastic Content Sliderback (bit.ly/13tY999)
- Bespoke.js (bit.ly/17jbn7c)
Display
Media
Display Media
- Zoom:
+ Image Zoom (bit.ly/13tYEjv)
+ MLens (mlens.musings.it)
+ imagefill.js (bit.ly/IVzxQj)
- Presentations:
+ Slides (lab.hakim.se/reveal-js)
+ Superslides (bit.ly/1aAJgDV)
+ Impress.js (bit.ly/133BRYp)
- Flipbook:
+ TurnJs (www.turnjs.com)
+ Book Block (bit.ly/13MFqBg)
+ Flipboard (bit.ly/1170xli)
Display Media (cont)
- Gallery:
+ Thumba (bit.ly/15W6rHH)
+ Gamma (bit.ly/1bSx82F)
+ Grid Navigation (bit.ly/133C4uA)
Layout
Layout
- Nested:
+ Freetile (bit.ly/1bB1mbO)
+ jQuery Nested (bit.ly/15xWazd)
+ Wookmark (bit.ly/1bSycn9)
+ Grid—A—Licious (bit.ly/133CYY5)
+ BlockItJs (bit.ly/1dMTGjl)
+ Proto (adamwhitcroft.com/proto)
+ UI Layout (bit.ly/1bB1A2I)
+ Reuze.me (www.reuze.me)
+ Gridster (gridster.net)
+ jBlocks (bit.ly/1a0StDH)
Layout (cont)
- Page:
+ Page Scroller (pagescroller.com)
+ Scroll Page (bit.ly/15VNbI0)
+ FullPage.js (bit.ly/1fQ7GMv)
+ jInvertScroll (bit.ly/1ccxl1e)
+ OnePageScroll (bit.ly/19FrlO9)
+ jQuery Scroll Path (bit.ly/J6bwWy)
+ slideToucher (bit.ly/1kuT5Jl)
Layout (cont)
+ Fullscreen (bit.ly/14sEtV9)
+ Horizontal Layout (bit.ly/12U7yHb)
+ Notebook (bit.ly/15xWv5c)
+ Fullscreen Pageflip (bit.ly/1aAKIpV)
+ Pageguide (bit.ly/15xWxtH)
+ Windows (bit.ly/15xWBd0)
+ Salvattore (salvattore.com)
- Responsive:
+ jResponsive (jresponsive.is-great.net)
Layout (cont)
- Products:
+ Colorizer (bit.ly/19aJaoF)
+ Fancy Designer (fancyproductdesigner.com)
+ Multi-Item Slider (bit.ly/17uhas5)
- News:
+ Compact News (bit.ly/1282YGO)
+ End Page Slide Out Box (bit.ly/1aAKZcq)
- Restaurant: 3D Menu (bit.ly/1b3oPmy)
- sDaskboard (bit.ly/18pEjRA)
- Cart:
+ jQCart (bit.ly/1c7HRpb)
+ Drag 'n' Drop (bit.ly/175cKv5)
Text
Format
- Price Format (jquerypriceformat.com)
- Succinct (bit.ly/1feWfzX)
- Json2Html (json2html.com)
Text
- Expander (bit.ly/158a0JU)
- Truncation (bit.ly/1dMUy7K)
Effect
- Arctext (bit.ly/18skUeO)
- Textillate.js (bit.ly/13u0sc7)
- Text Effect (bit.ly/M4IfwB)
- Tipue Search (bit.ly/1blvvXg)
Media
Media
- Audio Player (bit.ly/12XC12A)
- Speakker (http://www.speakker.com)
Animation & Effect
Animation
- Custom Layout (bit.ly/1bB3Fvn)
- Threesixty.js (bit.ly/158aXlg)
- Quicksand (bit.ly/1gtAmf3)
Effect
- ThumbFx (bit.ly/15W8POH)
- 3D Hover (bit.ly/15VOLcS)
- BlackAndWhite (bit.ly/14sGqRh)
- Hover: HoverEx (bit.ly/15xY6YG)
- Hook.js (usehook.com)

Más contenido relacionado

Destacado (7)

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
 

Similar a jQuery Plugin

Similar a jQuery Plugin (20)

从YUI2到YUI3看前端的演变
从YUI2到YUI3看前端的演变从YUI2到YUI3看前端的演变
从YUI2到YUI3看前端的演变
 
Fundamental JQuery
Fundamental JQueryFundamental JQuery
Fundamental JQuery
 
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...
 
Google I/O 2012 - Protecting your user experience while integrating 3rd party...
Google I/O 2012 - Protecting your user experience while integrating 3rd party...Google I/O 2012 - Protecting your user experience while integrating 3rd party...
Google I/O 2012 - Protecting your user experience while integrating 3rd party...
 
Webkit overview
Webkit overviewWebkit overview
Webkit overview
 
TinyMCE: WYSIWYG editor 2010-12-08
TinyMCE: WYSIWYG editor 2010-12-08TinyMCE: WYSIWYG editor 2010-12-08
TinyMCE: WYSIWYG editor 2010-12-08
 
Jquery
JqueryJquery
Jquery
 
UIWebViewでつくるUI
UIWebViewでつくるUIUIWebViewでつくるUI
UIWebViewでつくるUI
 
HTML5 and Other Modern Browser Game Tech
HTML5 and Other Modern Browser Game TechHTML5 and Other Modern Browser Game Tech
HTML5 and Other Modern Browser Game Tech
 
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?
 
PHP Lab
PHP LabPHP Lab
PHP Lab
 
A More Flash Like Web?
A More Flash Like Web?A More Flash Like Web?
A More Flash Like Web?
 
JQuery: Introduction
JQuery: IntroductionJQuery: Introduction
JQuery: Introduction
 
Web Resources
Web ResourcesWeb Resources
Web Resources
 
Five Pound App talk: hereit.is, Web app architecture, REST, CSS3
Five Pound App talk: hereit.is, Web app architecture, REST, CSS3Five Pound App talk: hereit.is, Web app architecture, REST, CSS3
Five Pound App talk: hereit.is, Web app architecture, REST, CSS3
 
Ajaxworld March 2008 - Jeff Haynie Keynote - Appcelerator
Ajaxworld March 2008 - Jeff Haynie Keynote - AppceleratorAjaxworld March 2008 - Jeff Haynie Keynote - Appcelerator
Ajaxworld March 2008 - Jeff Haynie Keynote - Appcelerator
 
Ajax World 2008
Ajax World 2008Ajax World 2008
Ajax World 2008
 
jQuery Basic API
jQuery Basic APIjQuery Basic API
jQuery Basic API
 
Java GUI Toolkits - Swing vs. SWT vs. Jambi
Java GUI Toolkits - Swing vs. SWT vs. JambiJava GUI Toolkits - Swing vs. SWT vs. Jambi
Java GUI Toolkits - Swing vs. SWT vs. Jambi
 

Último

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
panagenda
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Último (20)

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
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
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
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
 
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
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...
 
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
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
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
 

jQuery Plugin

  • 2. Outline - References (jquery.leonguyen. com/references.html) - Repositories (jquery.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
  • 4. Library (Cont) - jQuery Template (http://api.jquery.com/jQuery.template) - jQuery Boilerplate (jqueryboilerplate.com)
  • 8. Others - ZeptoJs (zeptojs.com) - AdminJS (adminjs.com)
  • 10. Input - Repeatable Fields (bit.ly/Je3iMb) - Hint Label: Super Label (bit.ly/17sl6JK) - Editable: X-editable (bit.ly/15vJPM3) - Tipue drop (bit.ly/1eey7y8) - sGlide (bit.ly/1cw9uWJ) - jQuery Incrementer (bit.ly/1gETBVh) - Paint: wPaint (wpaint.websanova.com) - jQuery Color Picker Sliders (bit.ly/19BTSVK) - DictAndList (dict-and-list.appspot.com) - Creditly.js (bit.ly/1jB3YKE)
  • 11. Input (cont) - Social: uLike (bit.ly/12D4R9j) + Classy (bit.ly/1261CfF) + Social Share Privacy (bit.ly/1kXnEaW)
  • 12. Input - Masked Input - jQuery Mask Input (bit.ly/1a92oqe) - Masked input plugin (bit.ly/12V5wCb)
  • 13. Input - Persist - GarlicJs (garlicjs.org) - Phoenix (bit.ly/1968mvB) - Autosave.js (bit.ly/199hQH9)
  • 14. Input - Button - Buttons (bit.ly/1euuA8o)
  • 15. Input - Select box - Ajax AutoComplete (http://bit.ly/18vf8ZT) - Select2 (bit.ly/18qFvjz) - Chosen (bit.ly/1emoBoJ) - customSelect (bit.ly/17sWNct) - jQuery UI MultiSelect Widget (bit.ly/17Vk4L1) - jqxDropDownList (bit.ly/1cMeQi9) - typeahead.js (bit.ly/156iJMu) - Magic Suggest (bit.ly/18qFFrb) - AutoJS (bit.ly/Iu5U7p) - bselect (bit.ly/1k2QeXL) - Minimalect (bit.ly/JQdGJS) - selectonic (bit.ly/1faKasc)
  • 16. Input - Select box (cont) - Selectric (bit.ly/1lHjCCP) - jQuery Bootstrap-style Dropdowns (bit.ly/1bcQNqa) - Bootstrap Dual Listbox (bit.ly/17q1jsk) - Bootstrap Multiselect (bit.ly/1bQaKZK)
  • 17. Input - Search - HideSeek (bit.ly/1fVi58q)
  • 18. Input - Date - Date range picker (bit.ly/1260OYf) - jQuery Range Calendar (afreeux.com) - CLNDR.js (bit.ly/GSn5yW) - DateTime Picker (bit.ly/1dqsVAs)
  • 19. Input - Tag - Tags Manager (bit.ly/15vKsFg) - Selectize (bit.ly/1ccBO45)
  • 20. Input - Upload - jQuery.upload (bit.ly/1fpGDda) - Dropzone.js (www.dropzonejs.com) - jQuery File Upload (bit.ly/1byCNwj) - Mini AJAX File Upload (http://bit.ly/10Hc1M4) - Plupload (www.plupload.com) - jQuery File API (bit.ly/1kEtyxB) - jQuery Upload File Plugin (bit.ly/1hW8qQK)
  • 21. Input - Editor - elRTE (elrte.org) - Redactor (imperavi.com/redactor) - bootstrap-wysihtml5 (bit.ly/14pWEuB) - Summernote Bootstrap (bit.ly/1dmb0Pc) - fresherEditor (bit.ly/12V74vS)
  • 22. Input - Validation - Parsley.js (parsleyjs.org) - jQuery Validation (bit.ly/18ucgzM) - jQuery.validity (bit.ly/15TsRHa) - Formance.js (bit.ly/1cBuosD) - Password (bit.ly/1bsycaC)
  • 23. Input - Drag / Drop - Shapeshift (bit.ly/15TWw5u) - jquery.pep.js (bit.ly/1cmi2V2)
  • 24. Input - Mobile - jQuery UI Touch Punch (touchpunch.furf.com) - Hammer.js (bit.ly/17aOCsf) - Make a list jQuery Mobile sortable by drag & drop (bit.ly/19XyyX8) - Mobile Drag And Drop (bit.ly/1i7rlGK) - JQuery UI for iPhone, iPad and iPod Touch (bit.ly/16ptgRM)
  • 29. Input Form - Alpaca (www.alpacajs.org) - Ideal Forms (bit.ly/1g78koQ) - jFormer (www.jformer.com)
  • 30. Input Form - Cart - EasyUI Cart (bit.ly/16ANN9F) - Smart Cart (techlaboratory.net) - jCart (conceptlogic.com/jcart) - jQuery Interactive Shopping Cart (bit.ly/1c7HRpb) - plum.shop (demo.plumjs.com/shop/)
  • 32. Display - Adaptive backgrounds (bit.ly/18sUYmS) - Annotations.js (bit.ly/1kTF31p) - Circliful (bit.ly/1lKIxGJ) - Pines Steps (pinesframework.org/psteps) - Map: ImageMapster (bit.ly/1hiVlRm) + Mapper.js (bit.ly/1cPODBt) - Countdown: FlipClock.js (flipclockjs.com) + Countdown.js (countdownjs.org) - Header: Headroom.js (bit.ly/1970x96) - Stick: Sticky.js (stickyjs.com) - Loader: SpinJs (bit.ly/1581KJH) - Tab: EasyTabs.js (bit.ly/1aADTEx)
  • 33. Display (cont) - Toolbar: Toolbar.js (bit.ly/18vxqh3) - Scroller: nanoScroller.js (bit.ly/15W0nis) - Processbar: Demo (bit.ly/19aDRFH) - Rainbow (bit.ly/17uabiO)
  • 34. Display - Message - Noty (bit.ly/13UD1fd) - jQuery.msgBox (bit.ly/1j8msh8) - Crumble (bit.ly/13UD2Qe) - Opentip (bit.ly/15TvusL) - Knob (bit.ly/19dktDG) - Toastr (bit.ly/IWLap5)
  • 35. Display - Modal - Simple Modal (simplemodal.plasm.it) - Bootstrap's modal (bit.ly/1g7Kwkv)
  • 36. Display - Menu - SmartMenus (www.smartmenus.org) - jMenu (bit.ly/13tRATU) - jPanelMenu (jpanelmenu.com) - HTML5 (bit.ly/14stdrC) - Top Drawer (bit.ly/1bSphlF) - Slidebars (bit.ly/1lgMepZ) - EasyAsPie (bit.ly/1a9jowX) - Multi-level push menu (multi-level-push-menu.make.rs) - jQuery ContextMenu (bit.ly/1eky7s5) - Sidr (berriart.com/sidr/) - bigSlide.js (bit.ly/1a8Hwpm)
  • 37. Display - Tab - Responsive Tabs (bit.ly/1bGIW7K) - Responsivetabs (bit.ly/1bYft9o)
  • 38. Display - Tree - zTree (ztree.me) - jsTree (jstree.com) - EasyTree (easyjstree.com) - JqTree (bit.ly/LWz0iG) - aciTree (bit.ly/1g2mhbp) - Fancytree (bit.ly/1dNRhpA) - Nestable (bit.ly/1c5qUOk) - jQuery Treeview (bit.ly/1ioTrCg)
  • 39. Display - Paging - jPages (bit.ly/13Ox2px)
  • 40. Display - Export - tableExport (bit.ly/1sPbbtV)
  • 46. Display Data List - List: + Infinity (airbnb.github.com/infinity) + jPages (bit.ly/13Ox2px) - Filter: + TinySort (tinysort.sjeiti.com) + Filtrify (luis-almeida.github.com/filtrify) + jQuery Searcher (bit.ly/1f80eNe) - jQuery Table AddRow plugin (bit.ly/LanL5I)
  • 47. Display Data List - Data table - OpenJS Grid (square-bracket.com/openjs) - Data Tables (www.datatables.net) - Editable (bit.ly/13VS2gE) - FooTable (bit.ly/15VGeXC) - Stacktable.js (bit.ly/116XRnH) - Paramquery Grid (paramquery.com/grid) - Handsontable (bit.ly/18sfkca) - MediaTable (bit.ly/16RJ2UU) - Dynatable.js (dynatable.com) - Resizable Columns (bit.ly/15SMFzx) - Stupid jQuery Table Sort (bit.ly/18Ug76n) - jQuery treetable (bit.ly/15Yi3wI)
  • 48. Display Data List - Data table (cont) - jQuery editTable (bit.ly/IWqY7u) - tiny editable jQuery Bootstrap spreadsheet (bit.ly/1lZhxpE)
  • 51. Display Drawing - Arbor.js (arborjs.org)
  • 53. Display Chart - Highcharts (www.highcharts.com) - jQuery HighchartTable (highcharttable.org) - Flot (www.flotcharts.org) - Maplace.js (maplacejs.com) - Morris.js (bit.ly/1g7fihd)
  • 55. Display Schedule - FullSchedule: (arshaw.com/fullcalendar) - Monket (bit.ly/116ZOAA) - Frontier (bit.ly/13tXm86)
  • 57. Display Photo Slideshow (cont) - Lazy load: + Echo.js Lazy Images (bit.ly/1isL5tT) + Lazy Load XT (bit.ly/K8GxsZ) + imagesLoaded (imagesloaded.desandro.com)
  • 59. Display Photo Slideshow - Pikachoose (www.pikachoose.com) - Wow Slider (wowslider.com) - Slide.js (slidesjs.com) - Glide.js (bit.ly/18TuQhT) - Slider Shock (www.jqueryslidershock.com) - jGlance (moewashere.com/jglance) - Owl Carousel (owlgraphic.com/owlcarousel) - Fullscreen (bit.ly/181IAGy) - Backstretch (bit.ly/11700ji) - Sly (darsa.in/sly) - Elastislide (bit.ly/18simxj) - Cycle (bit.ly/14sBzzB)
  • 60. Display Photo Slideshow (cont) - StackSlider (bit.ly/18vBM7U) - ayaSlider (bit.ly/1bAZccd) - iLightBox (iprodev.com/ilightbox) - Lightbox (www.frescojs.com) - Photobox (http://dropthebit.com/demos/photobox) - Microfiche.js (bit.ly/14sBMmj) - Nivo Zoom (nivozoom.dev7studios.com) - Sk Touch Carousel (bit.ly/12POMM0) - Mobile: SwipeView (bit.ly/18vBVIw) - Smooth Products (bit.ly/18AuqOJ) - jQuery Lightbox alternative (bit.ly/18rzIIT) - Allofthelights.js (bit.ly/1kLECZJ)
  • 61. Display Photo Slideshow (cont) - PhotoJShop (bit.ly/1fMiwTa) - Least.js 2 (leastjs.com)
  • 62. Display Photo Slideshow - 3D - 3D Gallery (bit.ly/17ueJ8W) - Refine Slide (bit.ly/1bJNQ3W) - Adaptor (bit.ly/1ehyKHh) - Slicebox (bit.ly/1bSL8Kt)
  • 64. Display Content Slideshow - ImpressJS (bit.ly/19aHMlX) - Sequence (www.sequencejs.com) - Parallax (bit.ly/13tY45c) - Windy (bit.ly/1dMSuwp) - Navigator (bit.ly/13MF1yO) - Circular Carousel (bit.ly/17ufbUC) - Baraja (bit.ly/17ufeja) - Any List Scroller (http://als.musings.it) - Elastic Content Sliderback (bit.ly/13tY999) - Bespoke.js (bit.ly/17jbn7c)
  • 66. Display Media - Zoom: + Image Zoom (bit.ly/13tYEjv) + MLens (mlens.musings.it) + imagefill.js (bit.ly/IVzxQj) - Presentations: + Slides (lab.hakim.se/reveal-js) + Superslides (bit.ly/1aAJgDV) + Impress.js (bit.ly/133BRYp) - Flipbook: + TurnJs (www.turnjs.com) + Book Block (bit.ly/13MFqBg) + Flipboard (bit.ly/1170xli)
  • 67. Display Media (cont) - Gallery: + Thumba (bit.ly/15W6rHH) + Gamma (bit.ly/1bSx82F) + Grid Navigation (bit.ly/133C4uA)
  • 69. Layout - Nested: + Freetile (bit.ly/1bB1mbO) + jQuery Nested (bit.ly/15xWazd) + Wookmark (bit.ly/1bSycn9) + Grid—A—Licious (bit.ly/133CYY5) + BlockItJs (bit.ly/1dMTGjl) + Proto (adamwhitcroft.com/proto) + UI Layout (bit.ly/1bB1A2I) + Reuze.me (www.reuze.me) + Gridster (gridster.net) + jBlocks (bit.ly/1a0StDH)
  • 70. Layout (cont) - Page: + Page Scroller (pagescroller.com) + Scroll Page (bit.ly/15VNbI0) + FullPage.js (bit.ly/1fQ7GMv) + jInvertScroll (bit.ly/1ccxl1e) + OnePageScroll (bit.ly/19FrlO9) + jQuery Scroll Path (bit.ly/J6bwWy) + slideToucher (bit.ly/1kuT5Jl)
  • 71. Layout (cont) + Fullscreen (bit.ly/14sEtV9) + Horizontal Layout (bit.ly/12U7yHb) + Notebook (bit.ly/15xWv5c) + Fullscreen Pageflip (bit.ly/1aAKIpV) + Pageguide (bit.ly/15xWxtH) + Windows (bit.ly/15xWBd0) + Salvattore (salvattore.com) - Responsive: + jResponsive (jresponsive.is-great.net)
  • 72. Layout (cont) - Products: + Colorizer (bit.ly/19aJaoF) + Fancy Designer (fancyproductdesigner.com) + Multi-Item Slider (bit.ly/17uhas5) - News: + Compact News (bit.ly/1282YGO) + End Page Slide Out Box (bit.ly/1aAKZcq) - Restaurant: 3D Menu (bit.ly/1b3oPmy) - sDaskboard (bit.ly/18pEjRA) - Cart: + jQCart (bit.ly/1c7HRpb) + Drag 'n' Drop (bit.ly/175cKv5)
  • 73. Text
  • 74. Format - Price Format (jquerypriceformat.com) - Succinct (bit.ly/1feWfzX) - Json2Html (json2html.com)
  • 75. Text - Expander (bit.ly/158a0JU) - Truncation (bit.ly/1dMUy7K)
  • 76. Effect - Arctext (bit.ly/18skUeO) - Textillate.js (bit.ly/13u0sc7) - Text Effect (bit.ly/M4IfwB) - Tipue Search (bit.ly/1blvvXg)
  • 77. Media
  • 78. Media - Audio Player (bit.ly/12XC12A) - Speakker (http://www.speakker.com)
  • 80. Animation - Custom Layout (bit.ly/1bB3Fvn) - Threesixty.js (bit.ly/158aXlg) - Quicksand (bit.ly/1gtAmf3)
  • 81. Effect - ThumbFx (bit.ly/15W8POH) - 3D Hover (bit.ly/15VOLcS) - BlackAndWhite (bit.ly/14sGqRh) - Hover: HoverEx (bit.ly/15xY6YG) - Hook.js (usehook.com)