Best jQuery Core Java Script Plugins & Tutorials with Demo

    Monocle : A silky, tactile browser-based ebook JavaScript library

    December 4, 2013 | Core Java Script
    Monocle : A silky, tactile browser-based ebook JavaScript library

    Monocle is digital books for everyone. You can use it on any device with a modern web browser: the iPhone and iPod Touch, the iPad, Android for phones and Android for tablets, the Kindle 3, the Nook, and of course a Mac, Windows PC or Linux-powered device using Firefox, Safari, Chrome or Opera.

    Monocle is drop-in. You can embed a ‘book’ on any webpage with two lines of code — one to include the library, one to initialize the reader. Monocle is approximately 25kb gzipped and has no dependencies on external JavaScript libraries.

    Read More Demo

    Elastic Stack: JavaScript Elastic Dragging Interaction

    November 14, 2013 | Core Java Script, Drag & Drop
    Elastic Stack: JavaScript Elastic Dragging Interaction

    ElastiStack is a little script that let’s you navigate through a stack of items by dragging away the first one. It comes with an elastic touch meaning that when dragging the top-most item, the other ones will follow as if they were connected elastically. When reaching a certain distance, the dragged item will release itself and the next item will pop out.

    Read More Demo

    Mobify.js : Take control of your DOM for Responsive Sites

    November 13, 2013 | Core Java Script, Responsive
    Mobify.js : Take control of your DOM for Responsive Sites

    Mobify.js is an open source library for improving responsive sites by providing responsive images, JS/CSS optimization, Adaptive Templating and more.

    Mobify.js also provides a Capturing API for manipulating the DOM before any resources have loaded, giving developers the ability to enable the listed features above without changing any backend markup.

    Read More Demo

    HTML5 Easy Audio Player with JavaScript

    November 10, 2013 | Core Java Script, HTML5, Video & Audio
    HTML5 Easy Audio Player with JavaScript

    Easy Audio Player it is a powerful HTML5 audio player for your website with responsive layout and full API spport, it runs with the new HTML5 audio engine and if its not supported, it will use Adobe Flash fallback. Packed with four skins with various styles it can be used in any type of layout and of course the skins can be modified.

    Features:

    • Fully Responsive & Mobile Optimized (Smartphones & Tablets).
    • Support for old browsers like IE7 and IE8.
    • Full API support.
    • All buttons are optional.
    • Packed with tone of options allowing you to control the layout and skin.
    • Autoplay, Loop, Volume.
    Read More Demo

    Offline.js : Display online/offline Indication to your Users

    November 8, 2013 | Ajax, Core Java Script, Web
    Offline.js : Display online/offline Indication to your Users

    Offline.js is a library to automatically alert your users when they’ve lost internet connectivity, like Gmail.

    It captures AJAX requests which were made while the connection was down, and remakes them when it’s back up, so your app reacts perfectly.

    Features:

    • Monitors ajax requests looking for failure
    • Confirms the connection status by requesting an image or fake resource
    • Automatically grabs ajax requests made while the connection is down and remakes them after the connection is restored.
    • Simple UI with beautiful themes
    • 3kb minified and compressed
    Read More Demo

    rainyday.js : Simulating raindrops falling on a window

    October 31, 2013 | Core Java Script, HTML5
    rainyday.js : Simulating raindrops falling on a window

    The idea behind rainyday.js is to create a JavaScript library that makes use of the HTML5 canvas to render an animation of raindrops falling on a glass surface.rainyday.js features extendable API, collision detection and is easy to extend with your own implementations of different animation components.

    Read More Demo

    Multi-Item Selection with JavaScript

    October 31, 2013 | Core Java Script, Forms
    Multi-Item Selection with JavaScript

    Today we’d like to share a little script with you that allows a click & hover selection of checkboxes or any other element. Mainly the idea comes from the common task that we do every day in our email app or elsewhere: checking checkboxes, one after the other by clicking on them. Sometimes you’d like to select more items more quickly so we thought it might be an interesting approach to click, hold and then simply move over all the items that should be selected. It’s quicker and easier to select multiple items like that.

    Please note that this is for desktop only.

    Read More Demo

    Chart.js: Simple HTML5 Charts using the Canvas element

    October 28, 2013 | Chart & Graph, Core Java Script, HTML5
    Chart.js: Simple HTML5 Charts using the Canvas element

    Chart.js easy, object oriented JavaScript charting libaray with html5 canvas for designers and developers. It currently supports 6 chart types (line, bar, radar, pie, column and polar area) and all this comes in a standalone, <5kb package.

    Read More Demo

    Blueprint Split Layout with CSS3 & JavaScript

    October 26, 2013 | Core Java Script, CSS2 / CSS3.0, Layout
    Blueprint Split Layout with CSS3 & JavaScript

    This Blueprint is a layout with two sides, sometimes seen in portfolio websites of couples and partners. The idea is to show an initial two-sided view and when clicking on a side, the whole page transitions into the respective direction. The individual page of the selected person is shown.

    The Blueprint comes with some example media queries and a second demo where the disappearing side scales down. It will work in modern browsers (from IE9 on).

    Read More Demo

    xCharts : D3-based library for building custom Charts and Graphs

    October 25, 2013 | Chart & Graph, Core Java Script, SVG Tutorial
    xCharts : D3-based library for building custom Charts and Graphs

    xCharts is a JavaScript library for building beautiful and custom data-driven chart visualizations for the web using D3.js. Using HTML, CSS, and SVG, xCharts are designed to be dynamic, fluid, and open to integrations and customization.

    Read More Demo