imageR : jQuery Plugin to show Different sizes Images at Break Points

imageR : jQuery Plugin to show Different sizes Images at Break Points

imageR jQuery plugin allows you to add data attr to an image tag or element with a background image to supply different sizes images at different brake points. To save bandwidth when viewing on a mobile but supply sharp large images to larger displays.

Dirrty : jQuery plugin to detect Form Field’s Modification

Dirrty : jQuery plugin to detect Form Field's Modification

Dirrty lightweight jquery plugin to detect if the fields of a form had been modified.
If a field has been modified then the form is dirrty

  • Detect the moment when the form gets dirty, and trigger a custom event, for example enable a “save changes” button
  • Detect the moment when the form gets clean again, and trigger a custom event, for example disable the “save changes” button, cause is not necesary
  • Prompt the user to save changes before leaving if the form is dirty

jQuery Radios to Slider Plugin

jQuery Radios to Slider Plugin

jQuery plugin to create a slider using a list of radio buttons.

TimelineJS v3: A Storytelling Timeline built in JavaScript

TimelineJS v3: A Storytelling Timeline built in JavaScript

TimelineJS 3 is a rewrite of the popular Timeline JS software. Please be clear that this is software which “does” the same thing, but it isn’t the same software, so some details will vary.

Particler : JavaScript Animated Canvas Particles Plugin

Particler : JavaScript Animated Canvas Particles Plugin

Particler is a pure javascript plugin which creates a canvas-particles based on your image. You can easy set up behavior of particles and make awesome stuff.

Features:

  • No dependencies — pure javascript;
  • Simple usage;
  • Easy customisation;
  • 15 options to set up particles behavior;
  • Small size — only 7kb minified, 3kb gzipped;
  • Good documentation and examples;
  • 3 built-in particle shapes.

Cannon.js : JavaScript 3D Physics Engine

Cannon.js : JavaScript 3D Physics Engine

A lightweight 3D physics engine written in JavaScript. Inspired by three.js and ammo.js, and driven by the fact that the web lacks a physics engine, here comes cannon.js. The rigid body physics engine includes simple collision detection, various body shapes, contacts, friction and constraints.

Features:

  • Rigid body dynamics
  • Discrete collision detection
  • Contacts, friction and restitution
  • Constraints
    • PointToPoint (a.k.a. ball/socket joint)
    • Distance
    • Hinge (with optional motor)
    • Lock
    • ConeTwist
  • Gauss-Seidel constraint solver and an island split algorithm
  • Collision filters
  • Body sleeping
  • Experimental SPH / fluid support
  • Various shapes and collision algorithms

Muuri : Filterable & Draggable Grid Layouts with JavaScript

Muuri : Filterable & Draggable Grid Layouts with JavaScript

Muuri creates responsive, sortable, filterable and draggable grid layouts. Yep, that’s a lot of features in one library, but we have tried to make it as tiny as possible. Comparing to what’s out there Muuri is a combination of Packery, Masonry, Isotope and jQuery UI sortable.

iTyped : Dead simple Javascript Animated Typing

iTyped : Dead simple Javascript Animated Typing

iTyped is a dead simple Javascript animated typing, with no dependencies. iTyped has a tiny size and easy to use.

Inputmask : jQuery Input Mask Plugin

Inputmask : jQuery Input Mask Plugin

jQuery inputmask is a jquery plugin which create an input mask.

An inputmask helps the user with the input by ensuring a predefined format. This can be usefull for dates, numerics, phone numbers, …

Features:

  • easy to use
  • optional parts anywere in the mask
  • possibility to define aliases which hide complexity
  • date / datetime masks
  • numeric masks
  • lots of callbacks
  • non-greedy masks
  • many features can be enabled/disabled/configured by options
  • supports readonly/disabled/dir=”rtl” attributes
  • support data-inputmask attribute
  • multi-mask support

Object Fit Images : JavaScript Polyfill for Object-fit & Object-position

Object Fit Images : JavaScript Polyfill for Object-fit & Object-position

Polyfill object-fit and object-position on images on IE9, IE10, IE11, Edge, Safari, etc.

Features:

  • Fast and lightweight
  • No additional elements are created or necessary
  • Once set, position is taken care by the browser
  • srcset support
  • You can still access/change src and srcset properties and attributes: img.src = 'other-image.jpg'