Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
jQuery Plugin
Search
LeoNguyen.com
November 17, 2013
Programming
0
1.6k
jQuery Plugin
jQuery Plugin
http://leonguyen.com
LeoNguyen.com
November 17, 2013
Tweet
Share
More Decks by LeoNguyen.com
See All by LeoNguyen.com
Node.js Lab
leonguyen
1
1.5k
PhoneGap Lab
leonguyen
0
1.5k
JS Plugin
leonguyen
0
2.5k
HTML5 Lab
leonguyen
0
1.6k
PHP Lab
leonguyen
0
1.7k
Laravel Lab
leonguyen
0
1.9k
Design Resources
leonguyen
1
350
AE Resources
leonguyen
0
330
AE Lab
leonguyen
0
320
Other Decks in Programming
See All in Programming
functionalなアプローチで動的要素を排除する
ryopeko
1
950
オニオンアーキテクチャを使って、 Unityと.NETでコードを共有する
soi013
0
390
富山発の個人開発サービスで日本中の学校の業務を改善した話
krpk1900
3
310
GitHub CopilotでTypeScriptの コード生成するワザップ
starfish719
28
6.1k
Simple組み合わせ村から大都会Railsにやってきた俺は / Coming to Rails from the Simple
moznion
3
3.7k
いりゃあせ、PHPカンファレンス名古屋2025 / Welcome to PHP Conference Nagoya 2025
ttskch
1
240
Linux && Docker 研修/Linux && Docker training
forrep
22
4.1k
社内フレームワークとその依存性解決 / in-house framework and its dependency management
vvakame
1
500
令和7年版 あなたが使ってよいフロントエンド機能とは
mugi_uno
12
6.1k
Amazon Bedrock Multi Agentsを試してきた
tm2
1
240
Amazon ECS とマイクロサービスから考えるシステム構成
hiyanger
1
190
watsonx.ai Dojo #6 継続的なAIアプリ開発と展開
oniak3ibm
PRO
0
270
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
335
57k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2k
It's Worth the Effort
3n
184
28k
Unsuck your backbone
ammeep
669
57k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
KATA
mclloyd
29
14k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Fireside Chat
paigeccino
34
3.2k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.2k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
6
220
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Transcript
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)