Best jQuery Core Java Script Plugins & Tutorials with Demo

    melonJS : A fresh & lightweight HTML5 Game Engine

    December 19, 2018 | Core Java Script, Games, HTML5
    melonJS : A fresh & lightweight HTML5 Game Engine

    melonJS is an open source HTML5 game engine that empowers developers and designers to focus on content.The framework provides a collection of composable entities and support for a number of third-party tools.

    Features:
    • A fresh & lightweight 2D sprite-based engine
    • Standalone library (does not rely on anything else, except a HTML5 capable browser)
    • Compatible with most major browsers (Chrome, Safari, Firefox, Opera, IE) and mobile devices
    • Device motion & accelerometer support
    • High DPI & auto scaling
    • Multi-channel HTML5 audio support and Web Audio on supported devices
    • Lightweight physics implementation to ensure low cpu requirements
    • Polygon (SAT) based collision algorithm for accurate detection and response
    • Fast Broad-phase collision detection using spatial partitioning
    • 3rd party tools support for physic body definition (PhysicEditor, Physic Body Editor)
    • Advanced math API for Vector and Matrix
    • Tween Effects
    • Transition effects
    Read More Demo

    Rallax.js : Dynamic Parallax Scrolling Effects Library

    December 18, 2018 | Core Java Script
    Rallax.js : Dynamic Parallax Scrolling Effects Library

    Rallax.js is a vanilla JS plugin that implements a dynamic parallax scrolling effect, without dependencies.

    Read More Demo

    Ambient Canvas Backgrounds with HTML5 Canvas API

    December 14, 2018 | Animation, Core Java Script, HTML5
    Ambient Canvas Backgrounds with HTML5 Canvas API

    Today we’ll be exploring some ambient webpage background animations. The idea here was to create a collection of animations that are interesting to look at without being (too) distractive, and could be easily applied to the background of a webpage. Each animation is created using vanilla (es6+) JavaScript with the Canvas API.

    Read More Demo

    Store.js : Powerful API for LocalStorage

    December 13, 2018 | Core Java Script
    Store.js : Powerful API for LocalStorage

    Store.js is local storage using a simple but powerful API.

    Read More Demo

    Audio Recorder Polyfill

    December 12, 2018 | Core Java Script, Video & Audio
    Audio Recorder Polyfill

    MediaRecorder polyfill to record audio in Edge and Safari 11.

    • Spec compatible. In the future when all browsers will support MediaRecorder, you will just remove polyfill.
    • Small. 1 KB (minified and gzipped). No dependencies. It uses Size Limit to control size.
    • One file. In contrast to other recorders, this polyfill uses “inline worker” and don’t need a separated file for Web Worker.
    Read More Demo

    Motion Transition Effect CSS & TweenMax

    December 11, 2018 | Animation, Core Java Script, CSS2 / CSS3.0, Slider
    Motion Transition Effect CSS & TweenMax

    Today we’d like to share a little speedy motion effect with you. The idea is based on the Dribbble shot Ping Pong Slow Motion by Gal Shir where you can see a ping pong ball being shot from one racket to the other. The motion in the animation is enhanced by squeezing the ball and making some background stripes’ height pulsate. This is exactly what we want to do in a slideshow transition: we’ll squeeze the image and add some background effect. Additionally, we’ll make the letters of the title fly away consecutively.

    Read More Demo

    Envy : Bring Charts to Terminal

    December 5, 2018 | Chart & Graph, Core Java Script
    Envy : Bring Charts to Terminal

    Envy is a bring charts to terminal.

    Read More Demo

    Handy-scroll : JavaScript Floating Scrollbar Widget

    November 26, 2018 | Core Java Script
    Handy-scroll : JavaScript Floating Scrollbar Widget

    Handy-scroll is a dependency-free module which can be used to solve the problem of scrolling some lengthy containers horizontally when those containers don’t fit into the viewport. The widget is just a scrollbar which is attached at the bottom of the container’s visible area. It doesn’t get out of sight when the page is scrolled, thereby making horizontal scrolling of the container much handier.

    Read More Demo

    Slate : Customizable Framework for Rich Text Editors

    November 24, 2018 | Core Java Script
    Slate : Customizable Framework for Rich Text Editors

    Slate is a customizable framework that lets you build rich, intuitive editors like in Medium, Dropbox Paper or Google Docs which are becoming table stakes for applications on the web—without your codebase getting mired in complexity.

    Read More Demo

    Circular-Menu : Circular Navigation Menu with JavaScript & CSS

    November 23, 2018 | Core Java Script, Menus
    Circular-Menu : Circular Navigation Menu with JavaScript & CSS

    In this tutorial I’m going to show you how to create circular navigations using CSS transforms. I’m going to take you through the steps for creating these styles one by one, and explain the math (yikes!) and simple logic behind them so you get a clear understanding of the technique.

    Read More Demo