jQuery plugin to create a slider using a list of radio buttons.
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
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
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
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
srcsetsupport- You can still access/change
srcandsrcsetproperties and attributes:img.src = 'other-image.jpg'
Little Fragments: Simple Image Poster Effect with CSS & JavaScript
A tutorial on how to create a simple image effect with little image fragments inspired by some poster art and powered by clip-path.
The inspiration comes from a poster of the Grand Canyon with a fun distortion-like effect: some pieces of the image are cut out and placed in a different position. The pieces are very small which creates an interesting and creative look. We’ll be showing you today how to create a similar effect with CSS and some JavaScript.
