Best jQuery Core Java Script Plugins & Tutorials with Demo

    Use Reveal.js to Create CSS 3D Slideshow

    Use Reveal.js to Create CSS 3D Slideshow

    If you’re making an online presentation to impress your audience, you have to consider to use reveal.js. reveal.js is a CSS 3D Slideshow, it allows you to create a slick and good looking HTML presentation and in the same time utilise the latest web technologies for cool 3D slide transition. Reveal.js is a standalone javascript plugin and doesn’t rely on any external libraries.

    One thing though, this javascript requires CSS 3D transforms support. That’s mean, IE won’t able to see all these fancy animation. It works really well in Safari, Chrome and Firefox. Good news is, if CSS 3D support is not detected, it will degrade gracefully and back to the 2D transitions.

    Javascript CanvasLoader Creator

    Javascript CanvasLoader Creator

    This one is a small JavaScript UI library, that utilizes HTML5 Canvas element for drawing and animating circular preloaders.It can work in any ‘good’ browser that has support for HTML5 Canvas element. It has a UI to customize preloader.

    cssQuery()

    cssQuery()

    cssQuery() is a powerful cross-browser JavaScript function that enables querying of a DOM document using CSS selectors. All CSS1 and CSS2 selectors are allowed plus quite a few CSS3 selectors.

    JavaScript currency converter : Money.js

    JavaScript currency converter : Money.js

    Currency conversion is a recurrent task in many businessses, but it’s not that easy to automate as everyday currencies are fluctuating. This lightweight JavaScript library can do the hard work for you. A great find!

    JSZip: Create .zip files with JavaScript

    JSZip: Create .zip files with JavaScript

    JavaScript today is capable of generating a lot of data. The easiest way to deliver multiple files to your users is in a zip file. Instead of wasting server resources and bandwidth you can get the client to do it for you.

    Colors: JavaScript Color Library

    Colors: JavaScript Color Library

    On of my latest projects called for multiple types of color manipulation. Finding no library that suited my requirements for minimalism and functionality, I decided to create my own. This library is under development.

    Colors can do the following:

    • Change RGB to a Hexadecimal color.
    • Change Hexadecimal to an RGB color.
    • Change Hexadecimal to an HSV color.
    • Get the complementary value of a Hexadecimal color.
    • Get the complementary value of an RGB color.
    • Named color to an RGB object, HSV object or Hexadecimal string.
    • Get a random color in RGB or Hexadecimal.

    Javascript media Veiwer : Shadowbox.js

    Javascript media Veiwer : Shadowbox.js

    Shadowbox is a web-based media viewer application that supports all of the web’s most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. Using Shadowbox, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.Shadowbox was inspired by Lightbox and LightWindow.

    Javascript mark & share utility : MASHA

    Javascript mark & share utility : MASHA

    MASHA (short for Mark & Share) is a JavaScript utility allowing you to mark interesting parts of web page content and share it. Just select text (paragraphs, sentences, words) on MASHA powered page and copy generated URL from location bar.

    Keyboard JS – Library for binding to keys or key combos

    Keyboard JS – Library for binding to keys or key combos

    KeyboardJS will allow you to bind to any key the browser can detect. It allows for setting up complex key combos or even single key binds with ease. It is aware of combo overlap and will not fire simpler combos or single key bindings when they share key with larger combos. Basically if you want to use the keyboard, this will let you do it without restrictions.

    Adapt.js – Adaptive CSS

    Adapt.js - Adaptive CSS

    Adapt.js is a lightweight JavaScript file that determines which CSS file to load before the browser renders a page. If the browser tilts or resizes, Adapt.js simply checks its width, and serves only the CSS that is needed, when it is needed.