jQuery Video Lightning

jQuery Video Lightning

Turn any element into a lightbox or popover link for Youtube and Vimeo videos.Includes access to all embed API options for both providers as well as a healthy set of style options.The main one, and the reason we built it, is for quick video explainers in the appropriate places. This little plugin bootstraps getting those helpful little videos in place.

Features:

  • Simple access to all embed API options for both providers
  • Lots of options to customize and beautify your lightboxes
  • Intelligent popover auto positioning gravitates to page center
  • Lazy loading of videos prevents slow page load due to video embeds
  • Rick Roll with ease (don’t pass video id, add rick_roll option to prevent closing)

jQuery Auto Fix Anything

jQuery Auto Fix Anything

This little plugin will let you automatically fix position of any container on your website with one JS call.

brandsBox : Logos Slider jQuery Plugin

brandsBox : Logos Slider jQuery Plugin

Logos slider jQuery plugin.

Features:

  • Responsive
  • Configurable Grid
  • Hardware, CSS3 Transitions
  • 6 Smooth Sliding Transitions
  • Animations Speed Control
  • Hover Effects
  • 6 Color Modes for Logos
  • Logos Opacity Control
  • Sliding Modes
  • XML / JS Items Management
  • Major Browsers Support

jQuery Bootstrap-style Dropdowns

jQuery Bootstrap-style Dropdowns

One of my favorite Boostrap plugins is dropdowns, but I had a bit of difficulty getting started with them. The docs say you can apply a dropdown to nearly any element, but they really seem to work best with Bootstrap’s navbar, tab, and pill components. Since I was retrofitting an app that was around long before Bootstrap, this wasn’t going to work for me. That and I was hoping to get a scrollable dropdown (with tips!) and a few other features out of the deal. Thus, this plugin was born.

While the appearance of these dropdowns is almost identical to those of Bootstrap’s, it’s important to note that JavaScript for this plugin was developed entirely from scratch. Some CSS was borrowed, however, especially for generating those gorgeous tips.

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.