-
Notifications
You must be signed in to change notification settings - Fork 5
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.
Date- and timepicker functionality without jQuery UI or jQuery. Inspired by Google Calendar
https://github.com/jonthornton/Datepair.js
- Install via
bower install datepair.js
- Plain javascript implementation
Hides the navigation when you scroll down, and makes it reappear when you scroll up.
https://github.com/WickyNilliams/headroom.js
- 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
A utility library delivering consistency, customization, performance, & extras.
https://github.com/lodash/lodash/
- Is apparently quickly replacing UnderscoreJS
Parse, validate, manipulate, and display dates in javascript.
https://github.com/moment/moment
- 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
A library and polyfill for responsive images. Version 1 mimics the
https://github.com/scottjehl/picturefill
- Used in Multiple Journalism, Mysteryland, ...
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
- Dependent on UnderscoreJS
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
- Can handle conditions, such as 'only active between 100 and 400 pixels', or 'only active above 400px wide'.
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.