Archive for 2013

    Squishy : jQuery plugin for fitting text exactly to its container

    Squishy : jQuery plugin for fitting text exactly to its container

    Squishy is a jQuery plugin that automatically resizes text to exactly fit the container with no extra work on your part.

    You can pass the script a number of options to restrict the squishiness. maxSize is used to set the maximum font size, minSize is used to set the minimum font size, maxWidth sets the maximum width of the line of text, and minWidth, the minimum (all in pixels, for now).

    jQuery Facebook Photo Selector

    jQuery Facebook Photo Selector

    A jQuery plugin to create a Facebook photo selector.This is an interface component that allows you to select a photo from your albums as if you were inside of Facebook. It mimics the ‘Change your profile picture’ dialogue, but allows you to customize it as you like.

    jQuery UI datepicker Skins in CSS3

    jQuery UI datepicker in CSS3

    CSS3 skins for jQuery UI datepicker.To use them, start by copying the .datepicker.css files you need as well as the images in the images folder. Then add the appropriate classes to your datepickers. See below for a complete list of the available skins.

    5sec Google Maps Standalone with jQuery

    5sec Google Maps Standalone with jQuery

    5sec Google Maps Standalone with jQuery have following features :

    Features:

    • 5sec concept ensures you’re not wasting your time
    • all configuration is done through HTML – no messy JS
    • iframe and single image maps are available for extra speed
    • fully responsive
    • supports multiple maps per page
    • configurable bubble for location pin (iframe maps)
    • configurable location pin (image maps)
    • works on any site or CMS
    • detailed documentation
    • extremely easy to configure

    Voting System Youtube Style With jQuery & PHP

    Voting System Youtube Style With jQuery & PHP

    Voting system can be important part of any website, especially if you want to keep track of user ratings. Let’s create a cookie based voting system, similar to YouTube like & dislike buttons (Thumbs up & Thumbs down), which can be applied to any content in php and jQuery.

    Magnific Popup : Responsive jQuery Lightbox Plugin

    Magnific Popup : Responsive jQuery Lightbox Plugin

    Magnific Popup is a free responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device (Zepto.js compatible).Magnific Popup displays images before they’re completely loaded to take full advantage of progressive loading. For in and out transitions CSS3 is used instead of slow JavaScript animation.

    Plugin has an option to automatically switch to alternative mobile-friendly source on small screen size.

    jQuery Timer

    jQuery Timer

    Basically setTimeout with more options in jQuery.

    MixItUp : A CSS3 and jQuery Filter & Sort Plugin

    MixItUp : A CSS3 and jQuery Filter & Sort Plugin

    MixItUp is a light-weight but powerful jQuery plugin that provides beautiful animated filtering and sorting of categorized and ordered content. It plays nice with your existing HTML and CSS, making it a great choice for fluid, responsive layouts. It’s perfect for portfolios, galleries, blogs, or any categorized or ordered content!

    MixItUp uses jQuery to decide which elements to hide, show or re-position based on your filters, and then applies the power of CSS3 transitions to smoothly animate these elements to their new locations. It’s an extremely efficient approach that makes the most of your modern browser’s rendering power, and avoids more resource-heavy approaches involving jQuery .animate() and position: absolute.

    LivIcons : 303 Truly Animated Vector Icons with jQuery

    LivIcons : 303 Truly Animated Vector Icons with jQuery

    So what is LivIcons? They are a cross browser vector icons, built with JavaScript, with individual mini animation for every icon. They based on SVG (scalable vector graphic) in modern browsers and VML (vector markup language) in IE6 – IE8 for clean and perfect look at any devices (Yes. Retina too).

    Features:

    • 303 live icons – one script.
    • New step in interactivity and brand New – such animation methods for interface elements were never created before.
    • Animated and can be static of course
    • Any color, any size
    • Retina perfect
    • 16 pixel perfect
    • Flexible settings of behaviour and appearence
    • Bootstrap compatible
    • Easy integration – just one string of code for an icon.
    • IE6+ support
    • All browsers

    jQuery Circle Menu

    jQuery Circle Menu

    A customizable jQuery plugin that emulates the menu in the Path application. Includes a selection animation and various animation options for opening and closing the menu.