Best jQuery Core Java Script Plugins & Tutorials with Demo

    Cannon.js : JavaScript 3D Physics Engine

    January 30, 2017 | Animation, Core Java Script
    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
    Read More Demo

    Muuri : Filterable & Draggable Grid Layouts with JavaScript

    January 28, 2017 | Core Java Script, CSS2 / CSS3.0, Gallery
    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.

    Read More Demo

    iTyped : Dead simple Javascript Animated Typing

    January 28, 2017 | Animation, Core Java Script, Text Effect
    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.

    Read More Demo

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

    January 25, 2017 | Core Java Script, Image Effects
    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'
    Read More Demo

    Little Fragments: Simple Image Poster Effect with CSS & JavaScript

    January 24, 2017 | Core Java Script, CSS2 / CSS3.0, Image Effects
    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.

    Read More Demo

    Mirror Effect with CSS & JavaScript

    January 6, 2017 | Animation, Core Java Script, CSS2 / CSS3.0
    Mirror Effect with CSS & JavaScript

    Today we’d like to share a little effect with you that you might have already stumbled upon on the Web. It’s a kind of a mirror effect as seen on sites like Corentin Fardeau and Method.

    Read More Demo

    amCharts Data Loader with JSON or CSV Files

    January 2, 2017 | Chart & Graph, Core Java Script, jSON
    amCharts Data Loader with JSON or CSV Files

    By default all amCharts libraries accept data in JSON format. It needs to be there when the web page loads, defined in-line or loaded via custom code.

    This plugin introduces are native wrapper that enables automatic loading of data from external data data sources in CSV and JSON formats.

    Demo 1 Demo 2 Demo 3

    Read More Demo

    Block Reveal Effects with CSS & JavaScript

    December 28, 2016 | Animation, Core Java Script, CSS2 / CSS3.0
    Block Reveal Effects with CSS & JavaScript

    Today we’d like to share a couple of ideas for a kind of block reveal effect that has been used in some designs recently. The main idea is to reveal content in a schematic box look. The effect first shows a decorative block element being drawn and when it starts to decrease its size, it uncovers some content underneath.

    Read More Demo

    Loud Links : JavaScript library for adding Interaction Sounds

    December 19, 2016 | Core Java Script, HTML5, Video & Audio
    Loud Links : JavaScript library for adding Interaction Sounds

    A simple tiny Javascript library to add interaction sounds to your website.The library creates HTML5 audio element and uses it to play mp3/ogg audio files which is currently supported in all browsers.

    Read More Demo

    PulltoRefresh.js : Javascript Pull to refresh feature Library

    December 12, 2016 | Core Java Script
    PulltoRefresh.js : Javascript Pull to refresh feature Library

    A small, but powerful Javascript library crafted to power your webapp’s pull to refresh feature. No markup needed, highly customizable and dependency-free!

    Read More Demo