All posts in jSON

Coding a Vimeo API Instant Search App with jQuery

November 2, 2012 | Ajax, jSON, Media, Other API, PHP
Coding a Vimeo API Instant Search App with jQuery

In this tutorial I want to explain how we can build a small Vimeo instant search webapp. I’ll be creating the frontend with jQuery and the backend on PHP. There is actually a full developer’s API with references for programmers. I’ll stick to explaining the more convoluted ideas so that you can follow along with my source code.

I will first explain how we can put together the HTML document so it runs our frontend Ajax functions. Let’s include a reference to the most recent jQuery library which is used for Ajax calls. I’m also using another file v.js for our custom API commands.

Read More Demo
  0 Like?

Building Instagram Photo Search Engine With jQuery And PHP

October 31, 2012 | Ajax, jSON, Other API, PHP
Building Instagram Photo Search Engine With jQuery And PHP

In this tutorial I want to explain how we can build a similar instant search web application. Instead of pulling images from Google we can use Instagramwhich has grown tremendously in just a few short years.

This social network started off as a mobile app for iOS. Users could take photos and share them with their friends, leave comments, and upload to 3rd party networks such as Flickr. The team was recently acquired by Facebook and had published a brand new app for the Android Market. Their userbase has grown tremendously, and now developers can build amazing mini-apps just like this instasearch demo.

Read More Demo
  1 Like?

Cleaver : HTML slideshows with JSON & jQuery

October 16, 2012 | jSON, Plugins, Slider
Cleaver : HTML slideshows with JSON & jQuery

A command-line tool for generating HTML slideshows with JSON.Cleaver is a one-stop shop for generating HTML presentations in record time. Using only an intuitive JSON format, you can produce good-looking, interactive presentations without writing any code or placing a measly textbox.Cleaver produces a single document, output.html containg CSS and JavaScript (jQuery) code.

Read More Demo
  0 Like?

optionTree : jQuery plugin to dynamically create Select Elements

October 9, 2012 | Ajax, Forms, jSON, Plugins
optionTree : jQuery plugin to dynamically create Select Elements

jQuery plugin to dynamically create select elements with hierarchical options.This jquery plugin converts passed JSON option tree into dynamically created <select>elements allowing you to choose one nested option from the tree.It should be attached to a (most likely hidden) <input> element. It requires an option tree object. Object property names become labels of created select elements, each non-leaf node in the tree contains other nodes. Leaf nodes contain one value – it will be inserted into attached <input> element when chosen.

The plugin also supports loading additional levels via AJAX calls and preselecting given items at load.

Read More Demo
  0 Like?

dumbFormState.js : jQuery Html5 plugin Automatically saves Form State

October 7, 2012 | Forms, HTML5, jSON
dumbFormState.js : jQuery Html5 plugin Automatically saves Form State

This jQuery html5 plugin automatically saves and persists form state on the client-side across page requests without need of server-side state management or cookies. ALL the major browsers support this!

features

  • keeps the state of form entries in browser session or across sessions without cookies
  • able to choose form entries not to persist
  • works across multiple forms and pages
  • automatically persists form data without submit
  • can remove persisted data in a form, a session, local or all
  • plays nicely with your form events
  • fails gracefully on unsupported devices
Read More Demo
  1 Like?

mockJSON : jQuery plugin for mocking JSON and JSONP requests

October 5, 2012 | jSON, Plugins
mockJSON : jQuery plugin for mocking JSON and JSONP requests

MockJSON is a plugin for jQuery that can hijack JSON and JSONP requests and respond with randomly generated JSON data. Completely random JSON would be pretty useless of course, so you can specify a JSON template for each request. On the right you see an example of such a template and some generated output.

Read More Demo
  0 Like?

Grabbing Popular Dribbble Shots Dynamically with jQuery

September 20, 2012 | Ajax, jSON, Other API, Plugins
Grabbing Popular Dribbble Shots Dynamically with jQuery

In this tutorial I want to demonstrate how we can build a small webapp which dynamically pulls all the most recent popular shots from Dribbble. The interface is very simple to work with and we want to create all these effects without refreshing the page. For organizing the backend data I’ll be using a custom jQuery plugin named jribbble. It suits our needs perfectly and it’s so easy to get started – even a newbie JavaScript developer could pick this up in a couple hours.

Read More Demo
  1 Like?

JS Charts : Free JavaScript charts

September 16, 2012 | Chart & Graph, Core Java Script, jSON, XML
JS Charts : Free JavaScript charts

JS Charts is a JavaScript based chart generator that requires little or no coding. With JS Charts drawing charts is a simple and easy task, since you only have to use client-side scripting (i.e. performed by your web browser). No additional plugins or server modules are required. Just include our scripts, prepare your chart data in XML, JSON or JavaScript Array and your chart is ready!

JS Charts lets you create charts in different templates like bar charts, pie charts or simple line graphs.

Features:

  • You don’t have to write code
  • It’s easy to integrate & customizable
  • You can setup your charts online
  • You can create the three most common types of charts: bar, pie and line
  • Animated line/bar rendering
  • 3D pies and 3D bars
  • It’s compatible with most web browsers
  • You don’t need any server-side plugins/modules
Read More Demo
  3 Like?

Java MySQL JSON Display Records using jQuery

September 11, 2012 | jSON, Web
Java MySQL JSON Display Records using jQuery

This is the continuation of my previous Java tutorial Insert Records into MySQL database using Jquery, now I want to explain how to convert records data into JSON data format and display JSON data feed using Jquery. It’s simple just follow few steps with Eclipse IDE, hope you understand the Model View Controller pattern Thanks!

Read More
  1 Like?

Google+ style grid image gallery using jQuery

August 30, 2012 | Gallery, HTML5, jSON, Plugins
Google+ style grid image gallery using jQuery

The main focus of this article will be on the image grid. Let’s start with a look on the features of the original G+ image grid to find out what it takes to recreate it. To illustrate the features I am using Thomas Hawk’s G+ gallery which has some amazing images (check it out).

Read More Demo
  3 Like?

« First...23456...10...Last »


Best jQuery websites design awards