Best jQuery Plugin & Tutorial of February, 2013

MediaTable : jQuery Responsive Table Plugin

MediaTable : jQuery Responsive Table Plugin

MediaTable listen to screen size to define visible or hidden columns using CSS media query.You can choose what column to view with the automagically columns menu. This is a usefull solution to display big data table into small screen devices allowing the user to display relevant data at the beginning then to choose what data to display.

Last.FM for jQuery

Last.FM for jQuery

A plugin to grab your recently played tracks from Last.FM’s api using jQuery and Json. Future versions will support other feeds such as favourites and most listened.

It’s very simple! I’ve always found plugins like this irritating when they force you to use their HTML. For people without jquery knowledge digging around in the plugin file to change that HTML is pretty annoying. For this reason I’ve made the Last.FM plugin very flexible.

Flot : JavaScript plotting library for jQuery

Flot : JavaScript plotting library for jQuery

Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.

Just include the Javascript file after you’ve included jQuery.Generally, all browsers that support the HTML5 canvas tag are supported.For support for Internet Explorer < 9, you can use Excanvas, a canvas emulator; this is used in the examples bundled with Flot. it’s not working on your development IE 6.0, check that it has support for VML which Excanvas is relying on. It appears that some stripped down versions used for test environments on virtual machines lack the VML support.

threesixty-slider : jQuery 360 image slider plugin

threesixty-slider : jQuery 360 image slider plugin

This is a jQuery plugin to create 360 degree product image slider. The plugin is full customizable with number of options provided. The plugin have the power to display images in any angle 360 degrees. This feature can be used successfully in many use cases e.g. on an e-commerce site to help customers look products in detail, from any angle they desire.

Speedo Harlem : jQuery plugin to entertain your visitors

Speedo Harlem : jQuery plugin to entertain your visitors

Speedo Harlem is a jQuery plugin to entertain your visitors and let them shake your website.In the wake of the Harlem Shake viral video trend we realized that dancing is not for everyone, so why not learn our website how to shake it in trend? Now is very simple.

You want to see your website how is shaking? Now is posible. All you have to do is to load our plugin and css files and the shake will begin.

Why? You ever thought that your html element are bored in a static page? Let`s do a party for them.

dropdown.dot.js : jQuery Plugin for super-flexible Dropdowns

dropdown.dot.js : jQuery Plugin for super-flexible Dropdowns

A JQuery Plugin for super-flexible Dropdowns based on dot.js Templates.

Animated CSS3 Photo Stack with jQuery

Animated CSS3 Photo Stack with jQuery

In this tutorial, we are going to build an animated photo stack, which will use all kinds of fancy effects to transition between a set of images. The effects are implemented purely using CSS3, which means that they run smoothly on modern browsers and mobile devices. We will also make the photo stack advance automatically, so you can use it as a slideshow.

Horizontal Navigation Bar with jQuery Dropdown Menus

Horizontal Navigation Bar with jQuery Dropdown Menus

In this tutorial I want to build a simple jQuery-powered dropdown menu. This can work well using the animate method for generating delayed effects. Along with the typical JS codes I have also worked some CSS3 transition effects into the stylesheet. Any webmaster who can edit these codes will surely find use in a pre-built customized navbar solution.

JSON Input String using jQuery

JSON Input String using jQuery

If you are working with Restful API’s and you must need to send a JSON input response via web project, especially for Node projects. This post helps you to create a JSON input string using JavaScript. It’s very useful, converting Data objects to JSON data format implemented with $.toJSON Jquery plugin.

fresherEditor : jQuery Rich html text editor

fresherEditor : jQuery Rich html text editor

fresherEditor is a light-weight WYSIWYG rich text editor plugin that uses contentEditable support in modern browsers for in-place HTML editing.

Features:

  1. Supports all text editing features such as bold, italic, font size and font name settings, text alignments, links and picture insertion, and more
  2. Builds toolbar automatically. By default, all buttons are built. You can configure which buttons to hide
  3. Triggers ‘change’ event so you can perform action when html content changes
  4. Uses Twitter Bootstrap


Best jQuery websites design awards