Best jQuery Web Plugins & Tutorials with Demo

    XML-to-JSON convertor and remapper with jQuery

    This is a jQuery plugin for converting data from XML to JSON format. However its real power lies in its ability to also remap data to a different structure. This can be useful when you have a plugin or application that requires JSON data, but the data is coming from an XML feed that you don’t have structural control over. Data is remapped to the structure you need.

    JAWS: News Ticker and Mini Accordion in jQuery

    This widget-esque script is at once both a news ticker and a mini accordion. It takes a config file of data (headlines, image SRCs, URLs etc) and paginates your headlines into folds. It will optionally auto-rotate through these folds, though you can navigate between them with the numeric tabs at the top right. If an item has ‘more info’ data set in the config, then clicking the headline will reveal that data in an accordion fashion. See below for an example.

    Youtube Instant Search with Jquery and Ajax

    The instant search feature has massively changed the web in past couple of weeks. I had developed real-time Youtube instant search with Jquery and Ajax. It is very simple like my previous posts, just reading the Youtube API JSON file with Jquery. Take a look at this live demo..

    Yahoo Instant Search with Jquery and Ajax

    Yahoo Instant Search with Jquery and Ajax

    Yahoo instant search implementing with Yahoo Search Boss API using jquery and ajax. This is very similar tomy previous post just changing few lines of code. I feel Yahoo search results better than Bing results. Use it and make your own search application.

    Bing Instant Search with Jquery and Ajax

    Some days back I had posted a popular article ‘Youtube instant search with Jquery and Ajax’. I received a lot of request from my readers that asked to me how to instant web search results so I had coded Bing instant search with real time search results. Just few lines of code, reading Bing search JSON API file with Jquery.

    Multiple Ajax Requests with Jquery

    Last few days I have been working with APIs for instant search results, I had an idea to implement a super instant search with multiple APIs like twitter, youtube, yahoo and bing. But jquery older versions doesn’t support multiple ajax call-backs, luckily I had found Jquery 1.5 has released a new method called $.when finally I have developed super fast search at kokkoroko.com.

    jxSlider ajax-loaded content jQuery Plugin

    jxSlider ajax-loaded content jQuery Plugin

    jxSlider widget turns the selected DIV into a small embedded ajax tabbed-navigator. The ajax-loaded content will automatically and recursively be shown into the initial DIV.

    icSelectionBox Select Box – JQuery Plugin

    icSelectionBox is replace for select or select multiple html tag but much, much more. You can search inside box, populate elements with ajax(or populate directly passing array of elements in options), execute it modal(or add it to some existing jquery element), use it to select only one or more elements.

    Flyout Ribbon using jQuery and CSS3

    Flyout Ribbon using jQuery and CSS3

    I created a Flyout Ribbon using jQuery and CSS3 that I would like to share with you today.  My original idea for this came from the desire have a web administration panel for every page on my site, so i could edit content, change menu’s, etc directly on the page I was working on.  I really wanted something unobtrusive to the flow of my page and something with a bit of sex appeal, so naturally I turned to jQuery and CSS3.  I also wanted something that I show and hide easily…

    Facebook like Photo Tagging in jQuery

    Facebook like Photo Tagging in jQuery

    icfbPhotoTagging is jQuery plugin which provides you functions you can use to develop photo tagging aplication like facebook have. With this plugin you can view tags, edit tags(positions, sizes), add new tags, view all tags at once, etc…