JS TOOLSTO INSPIRE YOUR PROJECTS
HOW DID I END UP HERE?
HARDERBETTERFASTER
STRONGER
THIS IS GREAT NEWS…
TONIGHT'S GOAL
KILL TWO WITH ONE STONE
1. LOOK AT WHAT'S AROUND
LIST OF TOPICSCharts & VisualizationUser InputsDate & TimesVideo & SoundMapsBroswer featuresInterface helpersProgramming helpersData manipulationMobileUtilitiesSpecific usecases
NO PLACE FOR SCEPTICISM
BUT… DOES IT WORK ON…BUT… ISN'T THAT SLOW?BUT… DOES IT HAVE THIS FEATURE?
The best JS libraries are the ones that are flexible enoughto let you do what you want
THAT'S NOT THE POINT
DISCONNECT
CHARTS &VISUALIZATION
S
HEATMAP.JSHEATMAPS IN JAVASCRIPT
CAL-HEATMAPCALENDAR HEATMAP IN JAVASCRIPT
OR OR
ENVISION.JS TIMELINE JSRICKSHAW
INTERACTIVE TIME VISUALIZATIONS
OR ORCHART.JS D3.JSMORRIS.JS
GRAPHS IN JAVASCRIPT
SIGMA.JSNETWORK VISUALIZATIONS IN
JAVASCRIPT
+ CREATE HALLOWEB EDITING INTERFACE
MOUSETRAP.JSHANDLING KEYBOARD SHORTCUTS
+HAMMER.JSPULL TOREFRESH
MULTI-TOUCH GESTURES
TOUCHYTOUCH EVENTS WITH VELOCITY
TUSRESUME FILE UPLOADS
CHOSESELECT BOXES, THE FRIENDLY WAY
SKEUOCARDVALIDATE CREDIT CARDS
+ MOMENT.JS TIMEZONEDATE PARSING, VALIDATING,
MANIPULATING, AND FORMATTING
DATEDATE FOR HUMANS
LATER.JSTHE SIMPLEST WAY TO WORK WITH
RECURRING SCHEDULES.
+ PICKDATE TIMEPICKERMOBILE-FRIENDLY & RESPONSIVE DATE
& TIME INPUT PICKER
HOWLER.JSMODERN WEB AUDIO JAVASCRIPT
LIBRARY
ALERTPLAY SOUND ALERTS
+POPCORN.JSPOPCORNMAKE
RRICH MEDIA FRAMEWORK
VMUXGOODBYE SKYPE
LEAFLETMOBILE-FRIENDLY INTERACTIVE MAPS
GMAPS.JSGOOGLE MAPS API WITH LESS PAIN
AND MORE FUN
GOO.JSCANVAS API SIMPLIFIED
BONSAI JSDRAW AND ANIMATE GRAPHICS AND
RENDER THEN IN SVG
PANCAKEJSFLATTEN SVG OR CANVAS TO IMAGES
ON THE FLY
LENTICULARTILT-CONTROLLED IMAGES ALSO FOR
IPHONES
GRUMBLE.JSTOOLTIPS IN JAVASCRIPT
PINES NOTIFYJAVASCRIPT NOTIFICATIONS
LADDALOADING INDICATORS FOR BUTTONS
SCROLLIT.JSADD SCROLLING FUNCTIONALITY
JQUERYWAYPOINTS
SCROLLING ANALYTICS
DRAGGABILLYDRAGGING ELEMENTS
PROGRAMMINGHELPERS
POUCHDBJAVASCRIPT DATABASE THAT RUN IN
THE BROWSER
POLYCRYPTIMPLEMENTATION OF THE W3CCRYPTO API FOR THE DOM
ALIKELIBRARY TO COMPARE JSON OBJECTS
CROSSFILTERMULTIDIMENSIONAL FILTERING
AUTOMATED SCREENSHOTDIFF
TESTING WITH SCREENSHOTDIFFERENCES
VOYEUR.JSMANIPULATE AND TRAVERSE THE DOM
THE WAY IT SHOULD BE
TREEMODELMANIPULATE AND TRAVERSE TREE-LIKE
STRUCTURES
RACTIVE.JSNEXT-GENERATION DOM
MANIPULATION
+LIGHTNING TOUCHTAPPABLE
REMOVE THE DELAY WHEN TOUCHINGLINKS
SWIPERMOBILE TOUCH SLIDER
SNAP.JSMOBILE SHELFS FOR JAVASCRIPT
HARVEYADDING EVENT FOR MEDIA QUERIES
BREAKPOINTS
STACKTABLE.JSSTACKING TABLES ON SMALL
SCREENS
FITTEXTINFLATING WEB TYPE
ZIP.JSZIP AND UNZIP FILES WITH
JAVASCRIPT
PDF.JSPDF READER IN JAVASCRIPT
QRCODE.JSQRCODE GENERATOR FOR
JAVASCRIPT
FLATDOCRENDER MARKDOWN FILES AS WEB
PAGES
PRISMSYNTAX HIGHLIGHTER
VEXFLOWRENDERING MUSIC NOTATION
PEDALBOARD.JSAUDIO EFFECTS FOR GUITAR
PAGEGUIDE.JSCREATE INTERACTIVE GUIDES
SIMPLESTATISTICS
STATS CALCULATION IN JASVASCRIPT
KITTYDARFACE DETECTION FOR CATS
NOFLOVISUAL CONTROL FLOWS FOR
JAVASCRIPT
AND MOAR!I DIDN'T MENTION:
Lazy image loadingValidationPromises
AND TOPICS THAT COULD FILL A WHOLE SESSION:
Node.js componentsTestingGaming
MY SOURCES (DAILY.)ECHO JS
HUGE LINKS COLLECTION