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
Importmapを使ったJavaScriptの 読み込みとブラウザアドオンの影響
swamp09
4
1.3k
WebフロントエンドにおけるGraphQL(あるいはバックエンドのAPI)との向き合い方 / #241106_plk_frontend
izumin5210
4
1.2k
GCCのプラグインを作る / I Made a GCC Plugin
shouth
1
150
Hotwire or React? ~Reactの録画機能をHotwireに置き換えて得られた知見~ / hotwire_or_react
harunatsujita
8
4.8k
What’s New in Compose Multiplatform - A Live Tour (droidcon London 2024)
zsmb
1
440
RailsのPull requestsのレビューの時に私が考えていること
yahonda
5
2.6k
リリース8年目のサービスの1800個のERBファイルをViewComponentに移行した方法とその結果
katty0324
5
4.1k
CSC509 Lecture 09
javiergs
PRO
0
130
Kaigi on Rails 2024 - Rails APIモードのためのシンプルで効果的なCSRF対策 / kaigionrails-2024-csrf
corocn
5
3.7k
僕がつくった48個のWebサービス達
yusukebe
20
17k
Ethereum_.pdf
nekomatu
0
330
色々なIaCツールを実際に触って比較してみる
iriikeita
0
310
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
168
14k
Gamification - CAS2011
davidbonilla
80
5k
Typedesign – Prime Four
hannesfritz
40
2.4k
StorybookのUI Testing Handbookを読んだ
zakiyama
26
5.2k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
7
520
Adopting Sorbet at Scale
ufuk
73
9.1k
Bash Introduction
62gerente
608
210k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
4
360
VelocityConf: Rendering Performance Case Studies
addyosmani
325
24k
4 Signs Your Business is Dying
shpigford
180
21k
What's in a price? How to price your products and services
michaelherold
243
12k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
31
2.7k
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)