GGpopover.js : A jQuery Popover plugin

GGpopover.js : A jQuery Popover plugin

ggpopover.js – It’s a simple jQuery popover plugin extended from Twitter Bootstrap’s popover plugin that supports 4 positions, title background color, title font color, title border color, content background color, content text color, arrow color without using images.

  • 4 Positions: top, right, bottom and left.
  • Unlimited title background colors.
  • Unlimited title font colors.
  • Unlimited content background colors.
  • Unlimited content text colors.

Playful Interaction for Draggable Elements

Playful Interaction for Draggable Elements

A little playful interaction idea where we add some bounciness to a draggable element and animate it depending on its position.We wanted to create a playful dragging interaction that will morph and animate an element depending on its position. If dropped before the bounds we will snap the element back with an elastic effect. We also add some bounciness to inner elements so that everything gets an even more organic feel.

Bootstrap Dropdown Hover : jQuery Plugin

Bootstrap Dropdown Hover : jQuery Plugin

A simple plugin which opens Bootstrap dropdown menus on mouse hover, the proper way. Compatible with every device.

3D Lines Animation with HTML5 Canvas & JavaScript

3D Lines Animation with HTML5 Canvas & JavaScript

3D lines animation with three.js and put a fancy animated background color, adjusted some parameters like number of lines, perspective and colors.

Flat slider : Visual styler for jQuery UI slider

Flat slider : Visual styler for jQuery UI slider

Flat slider is an online tool that allows you to turn the jQuery UI slider into a beautiful flat slider. You can change the color and size of the slider line, handles and range. The tool generates the CSS as you make your changes, so that you can easily copy and paste it into your website stylesheets.

Sticky : Ultimate jQuery Sticky Scroll Plugin

Sticky : Ultimate jQuery Sticky Scroll Plugin

Sticky is a jQuery plugin that gives you the ability to make any element on your page always stay visible.

FTScroller : JavaScript Touch or Scrollwheel Scrolling

FTScroller : JavaScript Touch or Scrollwheel Scrolling

FTScroller is a cross-browser Javascript/CSS library to allow touch, mouse or scrollwheel scrolling within specified elements, with pagination, snapping and bouncing support.

Zoom Slider with CSS3 & JavaScript

Zoom Slider with CSS3 & JavaScript

A simple content slider with depth-like zoom functionality for a predefined area in each slide.Each slide has a predefined zoom area that will be used to calculate the appropriate scale value for a fullscreen fill. Once the icon for zooming is clicked, the zoom area as well as the page get scaled, creating the illusion that the viewer is approaching the item. Once the whole page is covered, we show some more details.

jQuery Accessible Mega Menu

jQuery Accessible Mega Menu

A demonstration of how to implement a keyboard and screen reader accessible mega menu as a jQuery plugin. It is modeled after the mega menu on adobe.com but has been simplified for use by others. An brief explanation of our interaction design choices can be found in a blog post at Mega menu accessibility on adobe.com.

Bootstrap DropSelect with jQuery

Bootstrap DropSelect with jQuery

A simple jQuery plugin that extends bootstrap’s dropdown menu into something like github’s select menu.