Js tools to inspire your project

JS TOOLSTO INSPIRE YOUR PROJECTS

HI!

I'M

@LEJOE

HOW DID I END UP HERE?

SABBATICAL

COMEBACK

HARDERBETTERFASTER

STRONGER

MOAR!

THIS IS GREAT NEWS…

BUT

MOAR===

TOO MUCH

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

2. GET CURIOUS

TONIGHT'S RULES

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

GET INSPIRED

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

USER INPUTS

 + 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

DATE & TIMES

 + 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

VIDEO &SOUND

HOWLER.JSMODERN WEB AUDIO JAVASCRIPT

LIBRARY

ALERTPLAY SOUND ALERTS

 +POPCORN.JSPOPCORNMAKE

RRICH MEDIA FRAMEWORK

VMUXGOODBYE SKYPE

MAPS

LEAFLETMOBILE-FRIENDLY INTERACTIVE MAPS

GMAPS.JSGOOGLE MAPS API WITH LESS PAIN

AND MORE FUN

BROSWERFEATURES

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

INTERFACEHELPERS

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

DATAMANIPULATION

VOYEUR.JSMANIPULATE AND TRAVERSE THE DOM

THE WAY IT SHOULD BE

TREEMODELMANIPULATE AND TRAVERSE TREE-LIKE

STRUCTURES

RACTIVE.JSNEXT-GENERATION DOM

MANIPULATION

MOBILE

 +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

UTILITIES

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

SPECIFICUSECASES

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

THANK YOU