jquery plugin
DESCRIPTION
jQuery Plugin http://leonguyen.comTRANSCRIPT
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)