Best jQuery Core Java Script Plugins & Tutorials with Demo

    Grafi.js : JavaScript Image Processing Library

    Grafi.js : JavaScript Image Processing Library

    Grafi.js is a library intended for learning about how image processing works. Each modules are intentionally kept small and users are encouraged to read the source code to learn about different methods and algorithms. In result, grafi may not be the most performant or the most sophisticated image processing library, but that’s the point.

    Video-Resize.js : Responsive HTML5 videos

    Video-Resize.js : Responsive HTML5 videos

    Javascript library for efficiently scaling HTML5 videos with CSS classes.

    Select.js : Styleable Select Elements

    Select.js : Styleable Select Elements

    Select.js is a Javascript and CSS library for creating styleable select elements. It aims to reproduce the behavior of native controls as much as is possible, while allowing for complete styling with CSS.

    Hover on Touch : Js Plugin

    Hover on Touch : Js Plugin

    Javascript plugin for an alternative hover function on mobile devices. It shows secondary information on Taphold & goes to a link on Tap.

    Features:

    • Put anything inside the info div
    • gifs restart on display
    • The script will not interfere with any hover animations on desktop browsers (non touch devices) .

    Waterfall.js : JS Library for Pinterest Grid

    Waterfall.js : JS Library for Pinterest Grid

    Currently the best option today to do this job is Masonry, but it’s very heavy and have dependency of jQuery. Please understand: this isn’t a problem is most cases, but in cases when perfomance and page weight matters, the best case is try other options: maybe pure CSS? It’s possible?

    Origami.js : Create things with HTML5 Canvas

    Origami.js : Create things with HTML5 Canvas

    Origami.js was originally designed as a teaching tool for geometry, JavaScript, and the web in schools. It’s evolved into a powerful library for creating things with HTML5 canvas.

    Bricklayer : Lightweight Cascading Grid Layout Library

    Bricklayer : Lightweight Cascading Grid Layout Library

    Bricklayer is a lightweight & independent cascading grid layout library.

    Features:

    • Simpler than any other cascading grid layout tools.
    • Lightweight, no fat. (1.5KB gzipped)
    • No frameworks required.
    • Responsive support with no glitches.
    • Easy configuration.
    • No inline styles, static positioning.

    atrament.js : JS library for beautiful Drawing

    atrament.js : JS library for beautiful Drawing

    Tiny JS library for beautiful drawing and handwriting on the HTML Canvas.Atrament is a lightweight library that enables the user to draw smooth, natural drawings and handwriting on the HTML canvas. The algorithm was originally developed about 2 weeks after I started learning JavaScript, as I wanted to build a collaborative drawing space on the web, which ended up being 1WALL. 

    Resizable Multicolor Countdown

    Resizable Multicolor Countdown

    This tool is the the timers which comes with flipping animation. You can adjust the color of the back panel so that it has changed over time. Or you can use a static color. The colors are set to digits, the rear panel and signatures. It uses vector data to draw the digits and the panels of the countdown, there is no change in the quality of the displayed drawings when it gets resized.

    Features:

    • Resizable
    • Changes color over time
    • Editable colors.

    Algebrite : Computer Algebra System in Javascript

    Algebrite : Computer Algebra System in Javascript

    Algebrite is a Javascript library for symbolic mathematics (actually, mostly coffeescript resulting in Javascript) keeping the code as simple as possible in order to be comprehensible and easily extensible.