Smallipop : A versatile jQuery plugin for beautiful tooltips

Smallipop : A versatile jQuery plugin for beautiful tooltips

This jQuery plugin has been created because all the tooltips we tested didn’t meet our requirements.

We wanted:

  • Pure css for the design. Fallbacks for older browsers and no images.
  • CSS Animations are supported.
  • Custom themes for different use cases.
  • The popup trigger can be positioned anywhere. The popup will be displayed at the body root, so the position won’t be affected by your layout.
  • Automatic orientation whereever the popup appears. The popup will try to stay in the visible area of the screen, even when scrolling or at the edges.
  • Only a single popup element in the document. Some plugins create a hidden popup for each trigger.
  • Custom options for each trigger. You can have 20 different popups with 20 different themes on one page if you like.
  • Small. Only ~ 3.5KB minified and ~ 2KB gziped.

FractionSlider : jQuery parallax slider plugin

FractionSlider : jQuery parallax slider plugin

FractionSlider is a jQuery plugin for image/text-sliders.It allows you to animate multiple elements per slide. You can set different animation methods like fade or transitions from a certain direction. Also there are options to specify delays and easing for each element. You have full layout and design control through html and css (every html-element can be animated).

jQuery Hotspot Plugin with Slideshow

jQuery Hotspot Plugin with Slideshow

You can use this jQuery Hotspot Plugin in a product introduction or image showcase, which support the auto delay slideshow and can trigger by click or hover. Works fine in the mobile device like iPhone or iPad too.

Features:

  • Auto delay slideshow, hover to pause.
  • Trigger by click or hover.
  • 4 types of popovers with different animation.
  • CSS3 transition support in the modern browser, fade only in the old browsers.
  • Chainable, works fine with other plugin.
  • The source js and layered png files, FAQ are all included in the source package.
  • Modernizr CSS3 feature detection.

jQuery lockfixed

jQuery lockfixed

Allow elements to stick within viewport when scrolling. Toggles position: fixed only after scrolling the viewport. Degrades nicely on mobile and tablet browsers.

Supports:

  • Doesn’t overflow footer because footer pushes elements up.
  • Doesn’t need any hardcoded CSS tricks.
  • All major browsers through position:fixed and iOS/Android/IE7 degrade through margin offset.
  • Fixes tablet and mobile zoom issue with fixed
  • Offset position from top and bottom within scrolled viewport.
  • Super light weight: 2.6kb uncompressed.
  • Div layout structure can be floats or position: absolute support.

jQuery Animated Table Sorter

jQuery Animated Table Sorter

jQuery Animated Table Sorter is a simple html table sorter, with the added benefit of animating the sorting operation.

Have you ever wanted to deliver unexciting content in a very exciting way? Me neither.However, now we can.

Fool.js : jQuery Plugin For April Fools Day Jokes

Fool.js : jQuery Plugin For April Fools Day Jokes

As a long-running fan of both practical jokes and the A-Team, I love April Fools’ Day. So much, in fact, that it’s like a birthday to me. And what kind of birthday would it be if I didn’t give presents? Probably the day I was actually born.

Anyway, this is a jQuery plugin that lets you play one or more fun practical jokes on an unsuspecting visitor, and it’s crazy easy to set up.The plugin can feature various jokes including “falling scrollbar”, “displaying annoying videos”, “hiding random elements”, “turning the page upside down” and more.

jQuery CSS3 App Showcase with Grid Overlay

jQuery CSS3 App Showcase with Grid Overlay

Today we will be creating a little app showcase with a neat effect in jQuery and CSS3. The idea is to show a mobile device with a screenshot of an app and when clicking on the device, a grid appears, showing some more screenshots. The effect is very subtle: the device moves back and the grid fades in and scales up. When clicking on another screenshot, the device image gets updated and the grid disappears again.

Notific8 : jQuery notification Plugin

Notific8 : jQuery notification Plugin

Notific8 is a jQuery notification plug-in inspired by the notifications introduced in Windows 8 with some web ready restyling and customizations. Notific8 has built in themes and is easy to create new themes for. The plug-in was born from a want for a simply designed yet modern and stylish notification system. The plug-in is also designed to scale based on the page’s font-size setting (it was designed for the default of 100%/16px as the default).

jQuery Circle Navigation

jQuery Circle Navigation

This is a navigation menu in a circle shape. Contain 7 round shapes with different colors. It is easy to edit and customize.

jQuery Maskify Slider

jQuery Maskify Slider

MaskifySlider is an extremely simple plugin which enables you to create an image slider with the effect of an image mask. The plugin will automically offset the images position according to the spacing between their placeholders, giving the impression that it’s only one masked image.