Best jQuery Core Java Script Plugins & Tutorials with Demo

JavaScript Preloader for HTML5 Apps : PxLoader

JavaScript Preloader for HTML5 Apps : PxLoader

PxLoader is a Javascript library that helps you download images, sound files or anything else you need before you take a specific action on your site (like showing a user interface or starting a game). You can use it to create a preloader for HTML5 games and websites.

It let’s you monitor download status by providing progress and completed events and it lets you prioritize the order in which items are downloaded. You can even tag groups of files and then prioritize downloads or register for events by tag.

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.