Archive for 2013

    Dock Menu : Responsive touch enable jQuery Menu

    Dock Menu : Responsive touch enable jQuery Menu

    This is a beautiful menu like dock with the capability of store a submenu.

    Features:

    1. Touch enabled
    2. Responsive
    3. Infinite dock items
    4. Infinite sub menu items
    5. Animations
    6. Dock properties to change
    7. More than 700 icons

    jQuery Nearest Element plugin

    jQuery Nearest Element plugin

    This plugin finds the elements in a page that are closest to a particular point or element, based on pixel dimensions. This is not to be confused with jQuery’s own .closest() method, which is based on the DOM tree, not pixels.

    There are also helper methods to find elements that are the furthest away from or touching a point or element.

    TinyColor : JavaScript Color parsing

    TinyColor : JavaScript Color parsing

    TinyColor is a micro framework for inputting colors and outputting colors as different formats. Input is meant to be as permissive as possible.

    Everslider : Responsive jQuery Carousel Plugin

    Everslider : Responsive jQuery Carousel Plugin

    Everslider is fully responsive, mobile optimized jQuery carousel plugin. It uses CSS3 transitions for animations with fallback to jQuery. Supports unlimited slides with any content. Everslider recognizes touchswipe, mousewheel and keyboard interactions and works in vast range of browsers starting with IE7 up to mobile browsers.

    Features:

    – Fully responsive and mobile friendly
    – Retina-ready controls (PSD included)
    – Hardware CSS3 transitions with fallback to jQuery
    – Works in IE7+ and on Android and iPhone
    – Keyboard and mousewheel support
    – Drag and touchswipe support

    jQuery MeioMask : A jQuery plugin for Masking Text inputs

    jQuery MeioMask : A jQuery plugin for Masking Text inputs

    A jquery plugin for creating masked input texts.

    Features:

    • Accepts paste event;
    • Has fixed and reverse mask types ( allow number mask );
    • You can still use your hotkeys and others (ex: ctrl+t, ctrl+f5, TAB …);
    • Supports metadata plugin;
    • Works with iPhone;
    • Allow default values;
    • Has callbacks for invalid inputs, valid and overflow;
    • Has function to mask strings;
    • And much more!

    PopCircle : jQuery Florid Customize Image Gallery Plugin

    PopCircle : jQuery Florid Customize Image Gallery Plugin

    Pop Circle is a Florid Jquery Plugin for Customize Image Gallery to turn the Html image element into a Pop Circle..

    Features:

    • Can customize the pop circle limits based on your needs.
    • Can Show the Popcircle around the trigger as full circle, half circle or quarter Circle.
    • Easy to customize animation time and easing functionality

    Flare : jQuery Optical Flare FX

    Flare : jQuery Optical Flare FX

    This is a plugin for jQuery which animates a colored optical flare to slide across elements. The flare is white in the center and has a customizable colored glow. The plugin also allows change of speed, glow radius, and event triggering the animation. The animation is performed by sliding across an element’s top-left corner to the top-right corner.

    Features:

    • Cool movie-style effect also used in games such as Sleeping Dogs.
    • Works in Chrome, Firefox, and Safari, and IE 10 including mobile.
    • Uses modern CSS techniques.
    • Customizable glow color, speed, glow radius, and trigger event.
    • First Optical flare effect without use of images.

    shake.js : ‘shake’ event JavaScript plugin for mobile web browsers

    shake.js : 'shake' event JavaScript plugin for mobile web browsers

    A custom ‘shake’ event JavaScript plugin for mobile web browsers using device accelerometer.Your web browser must support the devicemotion event for this plugin to work. Shake.js uses built-in feature detection to determine if it can run in your web browser. It will terminate silently on non-supporting browsers.

    Supported Browsers:

    • iOS Safari 4.2.1 (and above)
    • Android 4.0.3 (default browser)
    • Opera Mobile (Android)
    • BlackBerry PlayBook 2.0
    • Firefox for Android
    • FirefoxOS Devices

    Smart Image Tooltip with jQuery & CSS

    Smart Image Tooltip with jQuery & CSS

    Smart Image Tooltip is easy to use and setup plugin that can show images as tooltips for thumbnails or normal links. Plugin requires proper structure for the HTML used, and it supports adding all sorts of extra data that can be displayed inside the tooltip. Tooltip can be styled using CSS and it supports template for rendering. Plugin supports mobile/touch based devices to open tooltip on hover or click depending on the device or the plugin settings. There are many other settings to control plugin available.

    Features:

    • Preload image before displaying tooltip
    • Customizable preload animation and reposition tooltip
    • Various demos and examples to show how menu can be set
    • Full source files for both CSS and jQuery
    • Minimized CSS and JS files

    Animated Books with CSS 3D Transforms

    Animated Books with CSS 3D Transforms

    A creative way to show interactive books using CSS 3D Transforms.In this playground we’ll show you some creative, animated books with CSS 3D transforms and transitions.
    We’ll show you two types of book designs: hardcover and paperback. Both were made to be easily modifiable in some of their content parts using CSS, images, anchors and some extra little details.