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
JS Plugin
Search
LeoNguyen.com
November 17, 2013
Programming
0
2.5k
JS Plugin
JS 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
jQuery Plugin
leonguyen
0
1.6k
HTML5 Lab
leonguyen
0
1.6k
PHP Lab
leonguyen
0
1.7k
Laravel Lab
leonguyen
0
1.9k
Design Resources
leonguyen
1
340
AE Resources
leonguyen
0
320
AE Lab
leonguyen
0
310
Other Decks in Programming
See All in Programming
AWS初心者ってどうやってAWSを学ぶ?〜アプリエンジニアがやってよかったアーキテクチャ学習方法〜
yamanashi_ren01
0
190
開発部に不満を持っていたCSがエンジニアにジョブチェンしてわかった「勝手に諦めない」ことの大切さ
sakuraikotone
28
16k
CSC307 Lecture 14
javiergs
PRO
0
220
Introduction to GitOps
hwchiu
0
110
実用的かつリーズナブルな 「Azure × Gemini × LINE」~キャラクターBot 実装ライブデモ~
tomodo_ysys
1
170
MIERUNE BBQにおけるユーザー中心設計()
mierune
PRO
1
110
CSC307 Lecture 09
javiergs
PRO
1
500
リハビリmruby
kishima
1
160
ピグパーティにおけるMongoDB CommunityバージョンからAtlasへの移行事例
10969hotaka
0
130
CSC307 Lecture 12
javiergs
PRO
0
220
CSC307 Lecture 11
javiergs
PRO
0
240
はしめてのプログラミングとロボット制御
watawatavoltage
0
290
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
346
19k
The Straight Up "How To Draw Better" Workshop
denniskardys
229
130k
The Brand Is Dead. Long Live the Brand.
mthomps
52
36k
Into the Great Unknown - MozCon
thekraken
20
1.3k
Done Done
chrislema
179
15k
RailsConf 2023
tenderlove
16
720
How to train your dragon (web standard)
notwaldorf
79
5.5k
Six Lessons from altMBA
skipperchong
24
3.2k
Building an army of robots
kneath
301
42k
Typedesign – Prime Four
hannesfritz
37
2.2k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
52k
Art, The Web, and Tiny UX
lynnandtonic
291
20k
Transcript
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)