Best jQuery Core Java Script Plugins & Tutorials with Demo

    HTML5 Signature Pad to Image

    HTML5 Signature Pad to Image

    Need a customer’s signature saved to an image? This is the perfect solution! Draw, sign or touch-n-slide to add your signature and save it to an image format with transparency. It’s the perfect solution if you need a signature for legal documents, purchase invoices, contracts or other important docs.

    Easy to use Plug-n-Play app for any web browser, iPhone, iPad or iPod Touch that supports HTML5 and Canvas image export.

    Features :

    • Save signature directly to PNG
    • Customizable Color Palette
    • Pencil Sizes
    • Unlimited Undos
    • Quick Signature Clear
    • Tons of Javascript Settings

    Simple Morphing Search with CSS3 & JS

    Simple Morphing Search with CSS3 & JS

    Today we’d like to share a simple morphing effect with you. The idea is to have a search input in the upper right corner of the page and once the input is clicked, the whole search element expands to a fullscreen overlay. The fullscreen overlay has a bigger search input and some elements for showing related items or the search results. Note that we just made a dummy that does not actually search dynamically.

    flyer.js : JavaScript Broadcast Messaging Library

    flyer.js : JavaScript Broadcast Messaging Library

    Broadcast Messaging Library that works between iFrames, Frames, and Windows.

    Features:

    • Simple API, from which you can build more elaborate messaging systems.
    • Messages are broadcasted to all frames and registered windows, regardless of whether or not they want them (hence, the name)
    • Frames can subscribe to specific channels, and can pattern-match to specific topics being sent on that channel

    Wobbly Slideshow Effect with SVG & JavaScript

    Wobbly Slideshow Effect with SVG & JavaScript

    The slides in this slideshow wobble as they move. The effect is based on Sergey Valiukh’s Dribbble shot and was made using Snap.svg and morphing SVG paths to animated the slide background SVGs in order to simulate the elastic effect. What happens is that we basically morph an SVG path from a rectangle to a curved shaped; either a right curve or a left curve, depending on where we are navigating to.

    JavaScript Unit converting web tool

    JavaScript Unit converting web tool

    Unit converting web tool javascript library.Convert angles, area, distance, fluid volume, mass, speed, temperature, and time all on one page.

    Behance Portfolio Page with Vanilla JS

    Behance Portfolio Page with Vanilla JS

    Behance Portfolio Page is a Vanilla JS plugin with no dependancies.

    Treed : Powerful JavaScript Tree Editor

    Treed : Powerful JavaScript Tree Editor

    Treed wants to be for tree editing what ace is for text editing. Extensible, customizible, powerful, and just plain easy to use. Treed is constructed using the MVC pattern such that it is simple to, for example, create an entirely different view for the tree.

    Features:

    • VIM Inspired Keyboard Navigation
    • Extensible and Configurable
    • Unlimited Undo/Redo
    • Drag and Drop

    Gifffer : JavaScript Animated Gifs Player

    Gifffer : JavaScript Animated Gifs Player

    A tiny JavaScript library that prevents the autoplaying of the animated Gifs.

    EasyLoader JavaScript Library for Page Loading

    EasyLoader JavaScript Library for Page Loading

    EasyLoader is a cool Javascript library that will make all your pages unforgettable for your visitors. With EasyLoader you can build a chain of different animated effects just after the page is loaded. You can make stickers, the Info-Panel, closable elements. Easyloader will help you animate elements having either absolute or relative positioning with the same ease.

    View360 – 3D & 360 degree product viewer

    View360 - 3D & 360 degree product viewer

    By using View360 it’s easy to show any product in 3D of 360 degree rotation. It’s responsive and support all mayor devices and browsers. View360 is built for both: professional ecommerce industry and small online stores. Preloader, simple navigation, automated rotation, inertia, are only few of many options available for fine tuning the product view and behavior.

    • 3D and 360 degree rotation
    • Fixed, responsive and light box layout
    • In page, full screen and full viewport modes
    • Retina ready
    • Simple navigation for best user experience
    • Native HTML5 & JavaScript
    • Auto and manual rotation
    • Zoom and Pan
    • Auto rotation speed
    • Mousemove/touchmove sensitivity
    • Preloader text, color and size
    • Optional full sized image load on zoom
    • Auto rotation direction and speed
    • Setting concrete zoom steps