Best jQuery jSON Plugins & Tutorials with Demo

    MapQuery : jQuery Map plugin with Demo

    MapQuery : jQuery Map plugin with Demo

    MapQuery is a jQuery plugin that you can use to add mapping to your website. Whether you quickly want to add a simple map to a page, or build a feature rich web application, MapQuery is just the thing you need.

    Webshims Lib : jQuery Polyfill loading Library with Demo

    Webshims Lib : jQuery Polyfill loading Library with Demo

    HTML5 forms/Web Forms 2.0 widgets and constraint validation API.Webshims Lib is a modular capability-based polyfill-loading library, which focuses on accurate implementations of stable HTML5 features, so that developers can write modern, interoperable and robust code in all browsers. It is built on top of jQuery and Modernizr.

    iPicture : A jQuery Plugin For Tooltip your Images With Demo

    iPicture : A jQuery Plugin For Tooltip your Images With Demo

    iPicture, a jQuery plugin, is perfect for such cases and allows us to place tooltips over any desired location of images.

    Once the user hovers/clicks the pointers, the tooltip is displayed with its pre-defined content.There are several options for customizing the functionality including the ability to use different pointer images for each tooltip or their animation types.

    Also, iPicture has a handy initialize function that saves so much time by enabling a configuration wizard where we can place pointers + set their definitions with drag ‘n’ drops and the JSON output to be used in the code is created automatically.

    Timeline : jQuery Storytelling Tool with Demo

    Timeline : jQuery Storytelling Tool with Demo

    Timeline is a JavaScript-powered tool for creating interactive storytelling timelines where a timeline works in parallel with a content slider.Users can choose to browse the contents either by clicking the items in the timeline or by navigating through the content slider where both stays synchronized all the time.

    Timeline is great for pulling in media from different sources. Just throw in a link from Twitter, YouTube, Flickr, Vimeo, Google Maps or SoundCloud and Timeline will format it to fit perfectly. More media types will be supported in the future.

    Creating one is as easy as filling in a Google spreadsheet or as detailed as JSON.

    doubleSuggest : jQuery Ajax Autocomplete with Demo

    doubleSuggest : jQuery Ajax Autocomplete with Demo

    Facebook like jquery search suggestion plugin that searches in local and remote data sources.doubleSuggest is a jQuery plugin will set up a UI that suggest results as you type. It will display two types of suggestions, first (and faster) the local data and second (and slower) the results from an ajax search query. We will build a band search feature that will suggest the user’s favorites first and also search remotly from spotify.
    Include the jQuery library (requires v1.7 or higher), jquery.doubleSuggest.js and doubleSuggest.css and then insert the input.

    goMap : jQuery Map Plugin

    goMap : jQuery Map Plugin with Example

    gomap is a jquery map plugin.

    Auto-populating Select Boxes using jQuery & AJAX

    Auto-populating Select Boxes using jQuery & AJAX with Demo

    If you are familiar with using select boxes for categorisation and sub-categories, such as ebay does when selling an item, usually this can require a lot of JavaScript to maintain the select boxes, but jQuery can hugely simplify this task by adding a dash of AJAX.Allow the user to select a top level category from one select box and to automatically populate the sub-category.

    jQuery and HTML5 Interactive Map : MigrationsMap

    jQuery and HTML5 Interactive Map : MigrationsMap

    Interactive map of the origin-destination stocks by country.The map allows you to see for every country X in the world either the top ten providing countries of lifetime migrants to X or the top ten receiving countries of lifetime migrants from X. On top of that, when you let your mouse hover over a country, you can see the total population, the GDP per capita, the HIV and Tuberculosis prevalences and the death rate of children under five.

    Tweet! jQuery Twitter Widget for your site

    Tweet! jQuery Twitter Widget for your site

    Tweet! put twitter on your website with tweet!, an unobtrusive javascript plugin for jquery.Following Features :

    • small size and fast download time
    • display up to 100 tweets, as permitted by the twitter search api
    • display tweets from a twitter search, or from your own feed
    • optionally display tweets from multiple accounts!
    • display tweets from a list, or display a user’s favorites
    • automatic linking of @replies to users’ twitter page
    • uses Twitter’s Search API, so you can display any tweets you like
    • Display up to 100 tweets that have been posted within 7 days (limit set by Twitter’s Search API)
    • automatic linking of #hashtags, to a twitter search of all your tags
    • converts <3 to a css styleable ♥ (we ♥ hearts)
    • customize the layout for tweets within the widget
    • define a custom sort order for tweets

    SimplyScroll a jQuery plugin for scrolling a set of images/elements

    simplyScroll a jQuery plugin for scrolling a set of images/elements

    simplyScroll is a jQuery plugin that can animate (scroll) a set of elements either automatically or manually, horizontally or vertically. It can also accept dynamic image input via a Flickr feed (note not full API integration) or a local JSON source. This plugin can be performance intensive, so speed and framerate are fully configureable to accomodate lower spec systems.