Best jQuery Core Java Script Plugins & Tutorials with Demo

    SVGeezy : JavaScript Plugin for SVG fallbacks

    SVGeezy : JavaScript Plugin for SVG fallbacks

    A simple JavaScript plugin which detects SVG images on your website, and automatically “looks” for a standard image fallback for those older, less capable browsers. Those browsers need lovin’ too dawg.

    Animate Plus : JavaScript Library for CSS and SVG Animation

    Animate Plus : JavaScript Library for CSS and SVG Animation

    Animate Plus is a performant JavaScript library that helps you animate CSS properties and SVG attributes. Animate Plus is well-suited for quick UI interactions as well as longer animation sequences on both desktop and mobile.

     

    CodeFlask.js : Code-editor for awesome Web Pages

    CodeFlask.js : Code-editor for awesome Web Pages

    CodeFlask.js lets you easily and effortless put an code-editor to your web page.

    It was made as an attempt to create a leaner editor for simple purposes. Just a few lines of code and you’re ready to play with code in the browser.

    ToProgress : Lightweight Top Progress Bar

    ToProgress : Lightweight Top Progress Bar

    ToProgress is a lightweight, no-dependency top progress bar library.

    Falcor : JavaScript Library for Efficient Data Fetching

    Falcor : JavaScript Library for Efficient Data Fetching

    Falcor is the innovative data platform that allows you to model all your backend data as a single Virtual JSON object on your Node server. On the client you work with your remote JSON object using familiar JavaScript operations like get, set, and call.

    Stretchy : JavaScript Form Element Autosizing

    Stretchy : JavaScript Form Element Autosizing

    Stretchy is a javascript library to make form elements autosizing, the way it should be.

    Features:

    • Handles multiple types of form controls
    • Tiny footprint
    • Automatically accounts for newly added controls
    • Restrict form controls by a selector
    • Completely standalone
    • Plays well with existing HTML/CSS
    • Works in all modern browsers

    OSG.JS : Javascript Implementation of OpenSceneGraph

    OSG.JS : Javascript Implementation of OpenSceneGraph

    OSGJS is a WebGL framework based on OpenSceneGraph concepts. It allows an individual to use an “OpenSceneGraph-like” toolbox to interact with WebGL via JavaScript, and provides facilities for exporting various assets to the osgjs format. The API is kept as similar to OpenSceneGraph as possible, providing a familiar environment to veterans of the library and introducing newcomers to a popular and heavily-scrutinzed set of interfaces.

    Clipboard.js : Copy to Clipboard without Flash

    Clipboard.js : Copy to Clipboard without Flash

    Copying text to the clipboard shouldn’t be hard. It shouldn’t require dozens of steps to configure or hundreds of KBs to load. But most of all, it shouldn’t depend on Flash or any bloated framework.

    ContentTools : JS library for WYSIWYG Editors

    ContentTools : JS library for WYSIWYG Editors

    ContentTools is a javascript library for building WYSIWYG editors for HTML content.

    Fullscreen Video Opening Animation with CSS3

    Fullscreen Video Opening Animation with CSS3

    In this in-depth tutorial we want to show you how to create a similar video opening effect to the one seen on momentsapp.com. If you click the “Watch the video” button on the Moments App page, you will see a new image appearing on the photo stack which contains a video. The animation is a slight rotation of the frame and a subtle scaling of the video, which already starts to play. The whole wrapper expands to full screen without any play controls; just the closing cross will be shown. Once the video ends, or, if the user clicks on the closing cross, the video will simply disappear.