Best jQuery Core Java Script Plugins & Tutorials with Demo

Store.js : Powerful API for LocalStorage

Store.js : Powerful API for LocalStorage

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

Audio Recorder Polyfill

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.

Motion Transition Effect CSS & TweenMax

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.

Envy : Bring Charts to Terminal

Envy : Bring Charts to Terminal

Envy is a bring charts to terminal.

Handy-scroll : JavaScript Floating Scrollbar Widget

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.

Slate : Customizable Framework for Rich Text Editors

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.

Circular-Menu : Circular Navigation Menu with JavaScript & CSS

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.

Translater.js : Page Language Translation Solution

Translater.js : Page Language Translation Solution

This is a use of HTML comments page translation solution. For a small amount of static pages, this solution is more simple. it has no dependents, Compression only (~2KB) Official document.

  • Support IMG``text switching
  • Support URL parameter switching language
  • Support local cache selection

Nano ID : Unique String ID Generator for JavaScript

Nano ID : Unique String ID Generator for JavaScript

A tiny, secure, URL-friendly, unique string ID generator for JavaScript.Likewise UUID there is a probability that an ID will be duplicated. But this probability is extremely small.

  • Small. 141 bytes (minified and gzipped). No dependencies. It uses Size Limit to control size.
  • Safe. It uses cryptographically strong random APIs and tests distribution of symbols.
  • Fast. It’s 16% faster than UUID.
  • Compact. It uses a larger alphabet than UUID (A-Za-z0-9_-). So ID size was reduced from 36 to 21 symbols.

AutoComplete.js : Simple Autocomplete pure vanilla Javascript library

AutoComplete.js : Simple Autocomplete pure vanilla Javascript library

AutoComplete.js is a simple pure vanilla Javascript library that’s built for speed, high versatility and seamless integration with wide range of projects & systems.

Features:

  • Simple & Easy to use
  • Pure Vanilla Javascript
  •  Zero Dependencies
  • Lightweight
  • Lightning Fast
  • Versatile
  • Customizable