Best jQuery Core Java Script Plugins & Tutorials with Demo

Open Source Javascript Charting Library – gRaphael

Open Source Javascript Charting Library – gRaphael

gRaphael is an Open Source Javascript Charting Library based on Raphael Javascript Library. It helps you to create stunning static and interactive charts with ease.gRaphaël is cross browser compatible and currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ & Internet Explorer 6.0+.

Javascript thumbnail and media viewer : Highslide JS

Javascript thumbnail and media viewer : Highslide JS

Highslide JS is an image, media and gallery viewer written in JavaScript.These are some of its advantages:

  • Quick and elegant looking.
  • No plugins like Flash or Java required.
  • Popup blockers are no problem. The content opens within the active browser window.
  • Single click. After opening the image or HTML popup, the user can scroll further down or leave the page without closing it.
  • Lots of configuration options and scalability without compromizing on simplicity. A component system lets you strip away unused features down to a filesize of 10kB.

Javascript Driven HTML5 Video Player: Dplayer

Javascript Driven HTML5 Video Player: Dplayer

Dplayer is an open source, easily extend-able, HTML5 video player that allows users to easily embed videos in any page, blog or site using the newest web standards. It mainly makes use of HTML, CSS and JS while featuring as less Adobe Flash as possible (just for fallback) to allow customization with a minimal effort.No browser plugin, no Flash dependencies! You can jump anywhere in the video without waiting while buffering.

Javascript Turn HTML Tables Into Advanced Editable Components : EditableGrid

Turn HTML Tables Into Advanced Editable Components : EditableGrid

EditableGrid is an open source Javascript library aimed at turning HTML tables into advanced editable components. It focuses on simplicity: only a few lines of code are required to get your first table up and running.

 

You can use the EditableGrid library in two ways:

  1. Hook up to an existing HTML table
  2. Build your grid from an XML description of the table structure and contents

JavaScript PDF Reader : pdf.js

JavaScript PDF Reader : pdf.js

pdf.js is an HTML5 experiment that explores building a faithful and efficient PDF renderer without native code assistance.
Supported by Mozilla Labs, its goal is to create a general-purpose, web standards-based platform for parsing and rendering PDFs, and eventually release a PDF reader extension powered by pdf.js. Integration with Firefox is a possibility if the experiment proves successful.

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!