Best jQuery Core Java Script Plugins & Tutorials with Demo

Docsify : A Magical Documentation Site Generator

Docsify : A Magical Documentation Site Generator

A magical documentation site generator.

Features:

  • No statically built html files
  • Simple and lightweight (~16kB gzipped)
  • Smart full-text search plugin
  • Multiple themes
  • Useful plugin API
  • Compatible with IE10+

iziToast : Flexible & Lightweight Notification Plugin

iziToast : Flexible & Lightweight Notification Plugin

iziToast is a elegant, responsive, flexible and lightweight notification plugin with no dependencies.

Debugout.js : Generates a Text file from your Logs

Debugout.js : Generates a Text file from your Logs

Debugout.js generates a text file from your logs that can be searched, timestamped, downloaded and more.

Debugout’s log() accepts any type of object including functions. Debugout is not a monkey patch, but a separate logging class altogether that you use instead of console.

Ramjet : Animated Morph DOM Elements

Ramjet : Animated Morph DOM Elements

Morph DOM elements from one state to another with smooth animations and transitions.

Ramjet makes it look like your DOM elements are capable of transforming into one another. It does this by cloning the elements (and all their children), transforming the second element (the one we’re transforming to) so that it completely overlaps with the first, then animating the two elements together until the first element (the one we’re transitioning from) has exactly the same position and dimensions as the second element originally did.

BackgroundCheck : JavaScript Script to detect Background Color Version

BackgroundCheck : JavaScript Script to detect Background Color Version

Automatically switch to a darker or a lighter version of an element depending on the brightness of images behind it.

AnimateMate : Create your animations directly in Sketch

AnimateMate : Create your animations directly in Sketch

Create your animations directly in Sketch using AnimateMate.

Imageless Captcha with JavaScript & PHP

Imageless Captcha with JavaScript & PHP

Creates a random number on every page load, based on your preferences. From that number, it creates the number as a phrase. In the form, you use the phrase to ask the user to enter it as a number. When the form is posted, you simply check to see if the user’s answer matches the number.

  • Keeps your form clean, no ugly captcha images or third-party embedded styles
  • Extremely lightweight
  • Very easy to implement
  • Customizable

ComicBubbles : Speech balloon JavaScript library

ComicBubbles : Speech balloon JavaScript library

ComicBubbles is a JavaScript HTML5 canvas library which simplifies the process of adding speech bubbles to photos. ComicBubbles bubbles can be saved as JavaScript objects or merged with the original image.

Key features:

  • small size, framework-independent
  • can produce interactive, animated speech|thought|scream balloons
  • API

Grid Loading Animations with JavaScript & CSS

Grid Loading Animations with JavaScript & CSS

Today we’d like to share a set of simple, inspirational loading animations for grid items with you. The idea is to show some image grid items with a (subtle) animation after loading has finished. For the demo we have three slightly different grid layouts with different gutters and column numbers.

Fingerprintjs2 : Modern & flexible browser Finger Printing library

Fingerprintjs2 : Modern & flexible browser Finger Printing library

Original fingerprintjs library was developed in 2012, it’s now impossible to evolve it without breaking backwards compatibilty, so this project will be where all the new development happens.

This project will use significantly more sources for fingerprinting, all of them will be configurable, that is it should be possible to cherry-pick only the options you need or just enable them all.