Best jQuery jSON Plugins & Tutorials with Demo

FlexBox – jQuery Ajax based Textbox & Selectbox

FlexBox - jQuery Ajax based Textbox & Selectbox

FlexBox is a jQuery plugin that is intended to be a very flexible replacement for html textboxes and dropdowns, using ajax to retrieve and bind JSON data.

SFBrowser File Manager With PHP & jQuery

SFBrowser File Manager With PHP & jQuery

SFBrowser is an open source application, built with PHP and jQuery, formanaging files online with an Ajaxed interface.

Besides listing files and folders, it can upload, delete, rename and preview them. Uploading can be accomplished via an Ajaxed or Flash-based uploader (queued multiple uploads, progress bar, canceling, selection filtering, size filtering).

The functionality can be extended with plugins. There are few ready-to-use ones like filetree and image-resize.

jQuery Randomly Rotating Image Gallery – Mosaiqy

jQuery Randomly Rotating Image Gallery – Mosaiqy

Mosaiqy is a jQuery plugin for presenting images in a Mosaic-like grid interface.The images are displayed inside randomly moving columns and rows where CSS3 transitions are used for the animations.Once a thumbnail is clicked, the original version is loaded inside the grid with a nice slideIn/Out effect.

It retrieves images from a JSON/JSONP data source which makes integrating with image hosting services pretty easy and there are already demos for Flickr, Instagram and Panoramio.

jQuery Cool Auto Suggest

jQuery Auto Suggest

This plugin is the enhancement of my previous jquery auto-suggest plugin.

Some new features it has are:

  • Support ID field.
  • Support image thumbnail and description
  • Support form submission on click.

Simple AJAX jQuery Commenting System

AJAX jQuery Commenting System

This time, we are making a Simple AJAX Commenting System. It will feature a gravatar integration and demonstrate how to achieve effective communication between jQuery and PHP/MySQL with the help of JSON.

Agile Carousel: A Highly-Flexible jQuery Slideshow Plugin

Agile Carousel: A Highly-Flexible jQuery Slideshow Plugin

Agile Carousel is a jQuery plugin that allows us to create flexible (both in function and design) slideshows.

The plugin uses JSON for the data format of the slides. So, they can easily be provided remotely and integration with any other system (like CMSs) will be easier.

You can select between “fade” or “slide” as the transition effect, duration of the transitions and intervals between each slide can all be defined.

JQuery loadJSON plugin

JQuery loadJSON plugin

This is a JQuery plugin that enables developers to load JSON data from the server and load JSON object into the DOM. No templating language is required – this plugin matches DOM elements in the HTML page with a JSON object using a DOM element properties.

Create a Content Rich Tooltip with JSON and jQuery

Today we’re going to break the mold of the traditional tooltip. This tutorial will demonstrate how to build tooltips that are powered by jQuery, with information pulled from a JSON array.

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.

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..



Best jQuery websites design awards