Archive for 2013

    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.

    SooperFish : jQuery Multi Column Dropdown Menus

    SooperFish : jQuery plugin for Multi-Column Dropdown Menus

    SooperFish is a highly configurable solution for animated dropdown menus. It combines the features of superfish, structured programming of Droppy and a ton of new features like multi-column dropdown menus and configurable show AND hide animation with custom easing.jQuery sooperfish is a mobile & touchscreen friendly drop down menu script. The script supports multi-column sub menus by automatically dividing menus into 2 or 3 columns when the number of items in a sub menu exceeds a configurable limit.

    Feature:

    • Automatic dual or triple columns based on number of child menu items
    • Optional delay before hiding menu on mouse-out
    • Optional automatic indicator arrows (in black or white)
    • Configurable show AND hide animations
    • Custom easing supported
    • Works with jQuery backlava plugin (optionally)
    • Works fine with Javascript disabled
    • Comes with several free themes to demonstrate styling