Best jQuery Core Java Script Plugins & Tutorials with Demo

    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.

    Styling & Customizing File Inputs

    Styling & Customizing File Inputs

    A tutorial on how to style and customize <input type=”file”> in a semantic, accessible way using the <label> element and some JavaScript.

    Chartist.js : Simple Responsive Charts

    Chartist.js : Simple Responsive Charts

    Chartist.js is a simple responsive charting library built with SVG. There are hundreds of nice charting libraries already out there, but they are either:

    • not responsive
    • use the wrong technologies for illustration (canvas)
    • are not flexible enough while keeping the configuration simple
    • are not friendly to your own code
    • are not friendly to designers
    • have unnecessary dependencies to monolithic libraries
    • more annoying things

    Lines.js : Beautiful Diagonal Background Lines

    Lines.js : Beautiful Diagonal Background Lines

    Lines.js is a javascript library to make beautiful diagonal background line.