Best jQuery Core Java Script Plugins & Tutorials with Demo

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.

CSS3-Powered Presentation Framework : Impress.js

CSS3-Powered Presentation Framework : Impress.js

A new presentation framework is released recently -named Impress.js– which enables us to build very beautiful outputs.

Slides can be by positioned, rotated and scaled on an infinite canvas with zoom in/out and 3D effects by making use of CSS3 transforms and transitions to create the awesomeness (which makes it only compatible with WebKit and the latest Firefox + IE browsers).

And, for older browsers, Impress.js fallbacks to a standard presentation without the effects but by keeping the functionality.

JSL (JavaScript Loader)

JavaScript Loader

Imagine there’s a 4-lane highway between your web browser and the internet itself. This highway is optimize to let pictures, text, and css fly by. But, when it comes to external scripts, the highway creates a toll booth that slows traffic. The worst part is that pictures text, and css caught behind these scripts have to wait until they pass through. JSL is the latest in toll both avoidance. It creates an express lane that lets all pictures, text, css, and external scripts pass by without worrying about toll booths. That means you save time and money on traffic costs 🙂

Fancy checkboxes and radio buttons with CSS jQuery

Fancy checkboxes and radio buttons with CSS jQuery

Many young guns ask about how to style custom checkboxes and radio buttons in forms. I prepared a typical markup, a few lines of CSS and some JavaScript functions (Safari label behavior fix included)

Advanced Javascript ColorPicker

Advanced Javascript ColorPicker

ColorPicker is an advanced and highly customizable JavaScript color picker that doesn’t rely on any JS frameworks. It can display the entire color palette (~16.78 mil. colors) in 6 different color modes.

Artisan JS a javascript Canvas Library

Artisan JS a javascript Canvas Library

Artisan JS is an Open Source JavaScript Canvas Library that aims to make in-browser drawing very easy.

It specifically targets Canvas and supports for layered data, graphics can be layered and flattened when rendered, but the data remains. This means the data can continue to be manipulated after it is rendered.