jQuery Plugins Plugin & Tutorials with Example

Grab Dribbble feed with jQuery

Grab Dribbble feed with jQuery

Grab Dribbble feed with jQuery and Handlebars.

tagEditor : jQuery powerful Tag Editor plugin

jquery-tageditor-plugin

A powerful and lightweight tag editor plugin for jQuery.

Features:

  • Edit in place tags
  • Intuitive navigation between tags with cursor keys, Tab, Shift+Tab, Enter, Pos1, End, Backspace, Del, and ESC
  • Optional jQuery UI sortable
  • Optional jQuery UI autocomplete
  • Copy-paste or delete multiple selected tags
  • Duplicate tags check
  • Custom delimiter/s
  • Placeholder
  • Custom style for faulty tags
  • Public methods for reading, adding and removing tags + destroy function
  • Callbacks
  • Graceful degradation if JavaScript is disabled

Google Translate Style Customizer : jQuery Plugin

Google Translate Style Customizer : jQuery Plugin

Do you use the Google Website Translator on your website, but hate the way it looks? Do you wish you had complete control over the style and formatting of the dropdown? Well now you can! Unlike other language managers, this plugin AUTOMATICALLY translates your webpage using Google Translate.

The actual Google Website Translator gets embedded on your site using an iFrame which makes it difficult to style items. Using a small jQuery script, we generate that same list of languages using only HTML to give you complete control over how they are displayed on your website!

CanvasJS : jQuery Charts Plugin

CanvasJS : jQuery Charts Plugin

CanvasJS Charting Plugin for jQuery lets you add beautiful & interactive charts to your web page with a few lines of code. Charts have high performance and can run across devices include Desktops, Tablets, iPhone, Android, etc. Supports features like dynamic updates, events, zooming, panning, etc.

QuickNote jQuery Plugin

QuickNote jQuery Plugin

jQuery plugin that lets you add quick note or todo note.

Flat Weather jQuery Plugin

Flat Weather jQuery Plugin

Flat Weather is an easy to use jQuery plugin that supports switching between two different weather API sources (OpenWeatherMap.org or Yahoo Weather) without changing any of your front-end code. Great for dashboards and sidebars!

The code is well-documented and small, with its only external dependency being jQuery, which makes it easy to deploy and extend. The plugin comes with an attractive flat UI css stylesheet, and uses a weather icons font to provide attractive and scalable visuals.

bLazy : jQuery Lazy loading Plugin

bLazy : jQuery Lazy loading Plugin

bLazy is a lightweight lazy loading and multi-serving image script. It’s written in JavaScript why it doesn’t have any dependencies for 3rd party libraries like jQuery. bLazy is working in all modern browser including IE7+.

Features:

  • bLazy is used on big sites with millions of monthly visitors so it has been tested out in the real world.
  • bLazy is written in pure JavaScript why it doesn’t depend on 3rd-party libraries such as jQuery.
  • bLazy can lazy load all types of images including background images.
  • bLazy can lazy load images depending on screensize (multi-serve images).
  • bLazy can serve retina images on retina devices.

jQuery Multiple Choice Quiz Engine

jQuery Multiple Choice Quiz Engine

Highly flexible JavaScript/XML multiple choice quiz engine.

  • Create professional (timed) quiz exercises
  • Define any number of questions
  • Define any number of question options (text or images)
  • Animate question options
  • Mark each question as correct or incorrect
  • Trigger correct, partially correct, incorrect or option specific feedback
  • Animate feedback text and imagery
  • Reset question function
  • Set a quiz passmark
  • Show final score feedback (pass/fail text and imagery)
  • Restart quiz function
  • Touch device friendly

Images Rotation jQuery plugin

Images Rotation jQuery plugin

jQuery plugin switches the images while you are holding a mouse cursor on the element. Animates both src attribute for images and background-image attribute for any other element.

CSS3 Perspective Carousel

CSS3 Perspective Carousel

An awesome carousel developed on top of jQuery with bit of witchcraft of CSS3.



Best jQuery websites design awards