geo autocomplete : jQuery plugin to autocomplete location using Google Maps v3 API

    geo autocomplete : jQuery plugin to autocomplete location using Google Maps v3 API

    geo-autocomplete converts any input field on a web page into an autocomplete field that suggests locations in real-time as you type, including a little thumbnail to help you quickly choose the right location. It’s like Google Instant for your Maps.

    The Google Maps V3 API now incudes an autocomplete feature that will adapt any text input field to autocomplete locations &/or Places. It doesn’t show thumbnails yet but the addition of Places will be great for some use cases.

    iosSlider – Touch Enabled jQuery Horizontal Slider Plugin

    iosSlider – Touch Enabled jQuery Horizontal Slider Plugin

    iosSlider is a jQuery plugin which allows you to integrate a customizable, cross-browser content slider into your web presence. Designed for use as a content slider, carousel, scrolling website banner, or image gallery.

    Features :

    • Hardware accelerated : using CSS3 for supported iOS, Android and WebKit browsers.
    • Responsive support : to work with the most dynamic desktop and mobile sites.
    • Tons of API callbacks : Tons of API callbacks.
    • Auto-sliding : Set your slider to automatically transition and pause on hover.
    • FF/Safari/Chrome/IE7+ : Full modern browser support for desktop.

     

    jQuery Mobile Twitter Bootstrap Theme

    jQuery Mobile Twitter Bootstrap Theme

    A jQuery Mobile theme based on Twitter Bootstrap.

    The title says it all. I thought it would be a fun project to build out a jQuery Mobile theme emulating everyone’s favorite hotness, the Twitter Bootstrap UI library. It’s not a perfect translation of course, but consider it a work in progress.

    This theme overrides the existing jQuery Mobile A – E swatches (and adds an F swatch as well) with colors and styles found in Twitter Bootstrap. It’s meant to be used with A as the primary swatch for the page, and B – F as accents as needed.

    stickyMojo.js : Fixed positioned Sticky sidebar jQuery plugin

    stickyMojo.js : Fixed positioned Sticky sidebar jQuery plugin

    stickyMojo is a contained sticky sidebar plugin for jQuery. It is lightweight, fast, flexible and compatible with Firefox, Chrome, Safari, and IE8+. It will degrade gracefully in older versions of IE.

    Portfolio Flipping Slider Using jQuery & CSS3

    Portfolio Flipping Slider Using jQuery & CSS3

    There are many ways on displaying our portfolio, one of them is using grid style with slider effect for pagination. In this tutorial I’m going to share about how to displaying our portfolio grid with flipping slider effect for pagination using jQuery & CSS3 Transform.

    The slider will change our portfolio images when it’s flipping, this flipping effect is triggered by user click on the pagination. So when user click a page each of our portfolio images will flipping 360 degree and when its animation near end the image will changed with new image.

    We will create four flipping effects that will be used for animation, there are : horizontal left direction, horizontal right direction, vertical top direction and vertical bottom direction. These effects will be randomly choosen when displaying the image.

    jQRangeSlider : jquery UI range selection slider that supports dates

    jQRangeSlider : jquery UI range selection slider that supports dates

    jQRangeSlider is a jquery UI range selection slider that supports dates.

    Features :

    • Select a range of values inside defined bounds.
    • Adjust your selection by moving an end.
    • Move your range as a whole.
    • Move selected range with scrolling arrows.
    • Select precisely your values.
    • Use your mouse wheel to scrool or extend/reduce the range (depends on an option).

    Color animation jQuery-plugin

    Color animation jQuery-plugin

    jQuery’s animate function, you can animate all kinds of css-properties. What’s really missing from jQuery is animating colors.This plugin also adds rgba-colors, so now you can animate the transparency of the background and foreground text independently. Beware that Internet Explorer 8 and earlier don’t support rgba-colors. This plugin will add this feature. With this plugin, you can animate the following properties:

    • color
    • backgroundColor
    • borderColor
    • borderBottomColor
    • borderLeftColor
    • borderRightColor
    • borderTopColor
    • outlineColor

    Mac OS X Dashboard with jQuery

    Mac OS X Dashboard with jQuery

    This is an example of the Mac OS X dashboard featuring drag and drop icons, 3D flip apps with jQuery. Tranforms and transitions are used to achieve the best effects. Degrades for browsers that lack support.

    Features

    • Double click to exit the dashboard
    • Click the add button on the bottom left to toogle the dashboard dock
    • Drag an icon and drop to place an app
    • Click the (i)nfo button to flip the app

    jQuery Sort and Order Portfolio Plugin

    jQuery Sort and Order Portfolio Plugin

    jQuery Sort and Order Portfolio Plugin has a following features :

    • Extendable filter and order buttons.
    • Customize CSS3 driven animation, graceful degradation.
    • About 30 kinds animation transition style, different in easeIn and easeOut.
    • Optional reverse order, you can set the order button support it or not.

    EpicEditor : An embeddable JavaScript Markdown editor

    EpicEditor : An embeddable JavaScript Markdown editor

    EpicEditor is an embeddable JavaScript Markdown editor with split fullscreen editing, live previewing, automatic draft saving, offline support, and more. For developers, it offers a robust API, can be easily themed, and allows you to swap out the bundled Markdown parser with anything you throw at it. EpicEditor allows you to create a Markdown editor with a single line of JavaScript.