Best jQuery Plugin & Tutorial of October, 2013

rainyday.js : Simulating raindrops falling on a window

rainyday.js : Simulating raindrops falling on a window

The idea behind rainyday.js is to create a JavaScript library that makes use of the HTML5 canvas to render an animation of raindrops falling on a glass surface.rainyday.js features extendable API, collision detection and is easy to extend with your own implementations of different animation components.

MetNav 2 : Another jQuery Metro UI navigation menu

MetNav 2 : Another jQuery Metro UI navigation menu

MetNav 2 is jEffectBox’s 2nd jQuery navigation menu plugin based on Window 8 Metro theme. It’s very lightweight and looks good on almost all major browsers and devices. It’s a Windows 8 Tile base navigation menu which supports unlimited sub menus. It supports responsive design and works well on touch devices.This plugin is dedicated to all Metro lover in the world.

Features:

  • Supports unlimited number of sub-menus.
  • Supports responsive design.
  • Looks good in almost all major browsers and devices.
  • Very easy to integrate to any website.
  • Full documentation included.
  • Very lightweight, only 3kb of JavaScript (minified version is 2kb).
  • Control appearance through CSS, so it can be restyled.
  • Supports touch devices.

Medium-Style Page Transition with jQuery & CSS3

Medium-Style Page Transition with jQuery & CSS3

In this article, I will outline how to achieve Medium’s page transition effect—an effect that can be seen by clicking anywhere on the “Read Next” footer at the bottom of the page. This effect is characterized by the lower article easing upward as the current article fades up and out.

Multi-Item Selection with JavaScript

Multi-Item Selection with JavaScript

Today we’d like to share a little script with you that allows a click & hover selection of checkboxes or any other element. Mainly the idea comes from the common task that we do every day in our email app or elsewhere: checking checkboxes, one after the other by clicking on them. Sometimes you’d like to select more items more quickly so we thought it might be an interesting approach to click, hold and then simply move over all the items that should be selected. It’s quicker and easier to select multiple items like that.

Please note that this is for desktop only.

JellyBoxes : Decorative jQuery extension

JellyBoxes : Decorative jQuery extension

A small jQuery extension that adds a function, .jellyBoxes([options]), to any positioned (non-static), square DOM element. JellyBoxes empties the element, then fills it with a number of randomly-colored squares that animate into random positions within a diamond on setup, and on every mouseover after that.

EnterIN : An Inception Effect plugin for jQuery

EnterIN : An Inception Effect plugin for jQuery

An Inception Effect plugin for jQuery.

Bootstrap popover for jQuery validate

Bootstrap popover for jQuery validate

Show error message via bootstrap popover for jquery validate.

Supported options are:

  • popoverPosition Supported values: ‘right’, ‘top’; default to ‘right’
  • popoverContainer The container popover message will append to, default: ‘body’
  • beforeShowError A function will be called before the error popover shows, this of the function is the input html element validated

Storyline 3D Slider with jQuery & CSS3

Storyline 3D Slider with jQuery & CSS3

Storyline 3D Slider is a great plug-in for your template, which will make it have a stunning look. The S-3D-S will help you showcase your work in a splendid creative way. Your products has never been displayed so great!

If you are a proud author or musician or super talented designer, blogger or photographer – the S-3D-S is just for you! It offers 19 colour schemes, 8 scroll effects, 6 slide styles, responsive design, infinite scroll & possibility to work smoothly on mobile devices. You can include your own html code and make your own styles to fit your site.

Features:

  • 19 color schemes
  • 8 incredible scroll effects
  • 6 different post styles (blog, circle, image, audio, book, text)
  • 5 ways to navigate trough slides
  • Responsive design
  • Touch enabled
  • Infinity scroll
  • Lots of different post settings
  • Custom image roll over settings
  • CSS3 and JQuery powered effects

bs-wizard : jQuery wizard plugin based on Bootstrap

bs-wizard : jQuery wizard plugin based on Bootstrap

jQuery wizard plugin based on Bootstrap.Inspired by acc-wizard, this wizard is different from acc-wizard in a few ways:

  1. Source code is CoffeeScript;
  2. Not based on hash when move forward and backward in wizard;
  3. Not based on Bootstrap accordion;
  4. More events and utilize public methods.

This plugin also includes a beautiful CSS file which is borrowed from acc-wizard, but this is absolutely optional, you can provide your own css style.

Chart.js: Simple HTML5 Charts using the Canvas element

Chart.js: Simple HTML5 Charts using the Canvas element

Chart.js easy, object oriented JavaScript charting libaray with html5 canvas for designers and developers. It currently supports 6 chart types (line, bar, radar, pie, column and polar area) and all this comes in a standalone, <5kb package.



Best jQuery websites design awards