Best jQuery Core Java Script Plugins & Tutorials with Demo

    Rimg : JavaScript Responsive Image solution

    Rimg : JavaScript Responsive Image solution

    A responsive image solution for browsers that support mediaqueries. Pure javascript and no server-side code.

    “Responsive-image” (RIMG) supports responsive websites to provide a way to optimize images (like CMS-content) in a simple and performant way. Pure Javascript, no server-side code and 2 lines of code (library + definition). The source of this page shows how the image is being changed by pure Javascript.

    FileSaver.js : HTML5 saveAs() FileSaver implementation

    FileSaver.js : HTML5 saveAs() FileSaver implementation

    FileSaver.js implements the HTML5 W3C saveAs() FileSaver interface in browsers that do not natively support it.

    FileSaver.js is the solution to saving files on the client-side, and is perfect for webapps that need to generate files, or for saving sensitive information that shouldn’t be sent to an external server.

    Interact.js : Javascript drag and drop, resizing and gestures Library

    Interact.js : Javascript drag and drop, resizing and gestures Library

    Interact.js is a powerful, flexible, snappable drag and drop, resizing and multi-touch gestures for modern browsers (and also IE8+) javascript library.

    Features:

    • snapping to a grid, custom anchors or paths.
    • cross browser and device, supporting {Chrome,Firefox,Opera}’ ‘{mobile,desktop}’, ‘ and Internet Explorer 8+
    • interaction with SVG elements
    • being standalone (not yet another jQuery plugin)
    • introducing 0 additional DOM elements
    • having(a). fluent ().interface
    • not modifying anything it doesn’t own (except to support IE8 and to change the cursor (but you can disable that))

    Demos : Demo 1 Demo 2 Demo 3 Demo 4

    Sortable : JavaScript Drag & Drop Sorting Library

    Sortable : JavaScript Drag & Drop Sorting Library

    Sortable — is a minimalist JavaScript library for modern browsers and touch devices. No jQuery.

    Features:

    • Support touch devices
    • Built using native HTML5 drag and drop API
    • Simple API
    • Lightweight, 2KB gzipped
    • No jQuery

    Swipejs : Most accurate touch slider

    Swipejs : Most accurate touch slider

    Swipe is the most accurate touch slider.Swipe is compatible with all browsers, including IE7+. Swipe works best on devices that support CSS transforms and touch, but can be used without these as well. A few helper methods determine touch and CSS transition support and choose the proper animation methods accordingly.

    Infographic Charts and Graphics HTML Tags Library

    Infographic Charts and Graphics HTML Tags Library

    This custom JS charting library created by PSDDude from 0 implements custom HTML tags which allow creating charts and graphs for infographics.

    It is a light-weight, pure JavaScript charting library (NO jQuery or other libraries required) which makes use of HTML5 technologies and works on all modern browsers including IE, Chrome, Firefox, Opera, Safari.To use it you do not need to know any JavaScript, as all the charts are added as HTML tags. You can follow the very straight forward documentation which also contains examples.

    The library allows creating: – Piecharts and doughnuts – Shape graphs – you can transform any image(PNG) into a graph – Shape bar graphs – use any image (PNG) to construct a bar chart – Line graphs – Barchart graphs

    Zoomerang.js : Zoom in – Zoom out on Anything in your Page

    Zoomerang.js : Zoom in - Zoom out on Anything in your Page

    Zoomerang.js is a drop-in library that allows your users to zoom in on (almost) any element on your existing page. No setup, arbitrary styling.

    Tocca.js : Detect via Javascript events on Any Device

    Tocca.js : Detect via Javascript events on Any Device

    Super lightweight script ( ~1kB ) to detect via Javascript events like ‘tap’ ‘dbltap’ ‘swipeup’ ‘swipedown’ ‘swipeleft’ ‘swiperight’ on any kind of device.

    Move.js : CSS3 JavaScript animation framework

    Move.js : CSS3 JavaScript animation framework

    Move.js is a small JavaScript library making CSS3 backed animation extremely simple and elegant.

    BrowserBlast : Displaying a friendly warning on Unsupported Browsers

    BrowserBlast : Displaying a friendly warning on Unsupported Browsers

    BrowserBlast is a lightweight and fully customisable script to display a warning for users of IE7 and below to let them know their browser isn’t supported anymore.

    To make the previous browserBlast even faster and more reliable, it’s been rebuilt entirely in JS, without needing to rely on jQuery. Using Microsofts recommended methods it ensures rock solid IE detection.