Best jQuery Core Java Script Plugins & Tutorials with Demo

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.

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.