Best jQuery Core Java Script Plugins & Tutorials with Demo

    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.

    JS Sequence Diagrams

    JS Sequence Diagrams

    Draws simple SVG sequence diagrams from textual representation of the diagram.

    Annyang : JavaScript SpeechRecognition library

    Annyang : JavaScript SpeechRecognition library

    A tiny javascript SpeechRecognition library that lets your users control your site with voice commands.Annyang has no dependencies, weighs just 3kb, and is free to use and modify under the MIT license.

    Cake Chart : Interactive Multi Layer Pie Chart

    Cake Chart : Interactive Multi Layer Pie Chart

    Cake Chart is a javascript library to create interactive multi-layer pie charts.

    Highlighter.js : JavaScript library for Highlight the Elements

    Highlighter.js : JavaScript library for Highlight the Elements

    Highlighter.js is a tiny (pure javascript) library to easily navigate, select and highlight the DOM elements.