Skip to content

Recommended Javascript plugins

Harmen Janssen edited this page Aug 22, 2016 · 1 revision

Recommended javascript plugins

This is a list with interesting front-end plugins. Before adding a new plugin please check if there's an existing plugin that does the same thing. Vanilla javascript is preferred over jQuery or any library.

Datepair.js

Date- and timepicker functionality without jQuery UI or jQuery. Inspired by Google Calendar

https://github.com/jonthornton/Datepair.js

Info

  • Install via bower install datepair.js
  • Plain javascript implementation

Headroom.js

Hides the navigation when you scroll down, and makes it reappear when you scroll up.

https://github.com/WickyNilliams/headroom.js

Info

  • Install via bower install headroom.js
  • Comes with AngularJS directive
  • Plain javascript implementation
  • Optional pixel offset before making the header reappear
  • Used in Mystery Land

Lodash

A utility library delivering consistency, customization, performance, & extras.

https://github.com/lodash/lodash/

Info

  • Is apparently quickly replacing UnderscoreJS

MomentJS

Parse, validate, manipulate, and display dates in javascript.

https://github.com/moment/moment

Info

  • Used in Melkweg
  • Uses require.js to load language packs. If you want to use Dutch dates but don't include require.js in the project you'll likely get an error. In Melkweg I circumvented this by blatantly hacking the moment.js source. Take a look at moment.nl.js in Melkweg. // Harmen

Picturefill

A library and polyfill for responsive images. Version 1 mimics the element with 's, version 2 acts as strict polyfill for the element.

https://github.com/scottjehl/picturefill

Info

  • Used in Multiple Journalism, Mysteryland, ...

PourOver

PourOver is a library for simple, fast filtering and sorting of large collections -- think 100,000s of items -- in the browser. It allows you to build data-exploration apps and archives that run at 60fps, that don't have to to wait for a database call to render query results.

https://github.com/NYTimes/pourover

Info

  • Dependent on UnderscoreJS

Steady.js

A module to do some logic on the onscroll event without performance regressions in a @media-query like conditions.

https://github.com/lafikl/steady.js

Info

  • Can handle conditions, such as 'only active between 100 and 400 pixels', or 'only active above 400px wide'.

UnderscoreJS

Note: It might be better to use Lodash, according to the interwebs. Underscore.js is a utility-belt library for JavaScript that provides support for the usual functional suspects (each, map, reduce, filter...) without extending any core JavaScript objects.

http://underscorejs.org/

Clone this wiki locally