Archive for 2013

    Cavendish.js : jQuery plugin to create multiple Slides effect

    Cavendish.js : jQuery plugin to create multiple Slides effect

    Cavendish is a jQuery plugin that’s focused on helping you with your slides.Cavendish is intended to be a very simple slide manager based on CSS transitions. Initializing Cavendish sets up an iterator for your slides, which applies classes to your slides based on their relationship to the current slide. Everything else is up to you!

    Cavendish doesn’t try to polyfill for old browsers, or to provide any extra interaction – it’s just meant to provide a platform for custom interaction by managing the state of your slides. I think you’ll find it refreshing!

    MediaSlide : jQuery UI plugin to browse media items

    MediaSlide : jQuery UI plugin to browse media items

    MediaSlide is a jQuery UI plugin that allows you to browse a collection of media items (currently just images, but videos will be supported soon).

    Features:

    • Media lists can contain thousands of items
    • Data can be loaded via JSON, XML or direct from Flickr
    • Images are only loaded as they are needed, conserving bandwidth
    • jQuery UI themes fully supported
    • API functions give you full control over the widget, so you can completely customize its look-and-feel
    • All current browsers supported
    • Completely free and opensource

    Filter.js : jQuery client-side JSON objects filter

    Filter.js : jQuery client-side JSON objects filter

    Filter.js is client-side JSON objects filter to show/hide html elements. Multiple filter criteria can be specified and used in conjunction with each other.

    Create A Google Plus App Tile Animation with CSS3 and jQuery

    Create A Google Plus App Tile Animation with CSS3 and jQuery

     

    I have always been fascinated by the new Google Plus app on iPhone and Android. Every interaction seems to be very fluid and make sense without sacrificing the performance. The tile animation while scrolling through news feeds makes it even more enjoyable to scroll through content. Wouldn’t it be nice to have such an animation on your website? Today, I am going to show you how to create a beautiful tile animation like in the Google Plus app using CSS3 and jQuery. (Webkit-Browser Only)

     

    StreamTable.js : The next generation search filter in jQuery

    StreamTable.js : The next generation search filter in jQuery

    StreamTable.js streams data for tables in the background, updates and renders them using templating frameworks like Mustache.js, HandleBars.js.

    Sometimes we want to show thousands of records in a table. This can take too long for the page to render and make the page unusable till the entire table is populated. To counter this we could populate the table using an Ajax call. In both cases, the users have to wait until all the table rows are populated. Additionally, user cannot do any operations on the table like search, pagination etc.

    The idea behind StreamTable.js is to initially populate minimum rows (maybe 10 or 20) and after that in stream data silently in the background and update the table. This ensures that the page loads immediately and is also usable immediately for all operations.

    Famax : Infinite Facebook fanpage feeds on your website

    Famax : Infinite Facebook fanpage feeds on your website

    Famax displays your complete Facebook Fanpage data on your website! You can post images/videos on your fanpage and it will be reflected on your webpage.

    Features:

    • you can customize width and height of the widget on your website. – columns for the posts can be customized (Example: you can now have a 1/2/3/4…-column layout for the posts displayed.)
    • the widget itself is responsive; given a width or % for the widget, the inner contents will resize accordingly.
    • parts of the plugin like header/tabs can be hidden as per requirement.

    jQuery True Panorama

    jQuery True Panorama

    True Panoroma with jQuery have following features :

    • 100% Responsive.
    • 100% Mobile Friendly.
    • Touchscreen support, mouse move/drag/wheel.
    • Mobile tilt support.
    • External control.
    • Modal window support.
    • Parallax cross-linking support.
    • Requires no knowledge to use.
    • Cross browser compatibility.

    is-loading : jQuery plugin to show visual feedback when loading data

    is-loading : jQuery plugin to show visual feedback when loading data

    Simple jQuery plugin to show visual feedback when loading data or any action that would take time.

    MindMup MapJs : Zero Friction Mind Map Canvas with jQuery

    MindMup MapJs : Zero Friction Mind Map Canvas with jQuery

    MindMup is a zero-friction mind map canvas. Our aim is to create the most productive mind mapping environment out there, removing all the distractions and providing powerful editing shortcuts.

    This git project is the server-side portion of MindMup. It provides a web interface that serves maps, allows users to edit and save them, provides menus and feedback forms and links to analytics. All maps are public, and each time anyone saves a map the changed version gets a unique URL.