jQuery jSON Plugin & Tutorials with Example

Making a Shoutbox with PHP and jQuery

Making a Shoutbox with PHP and jQuery

In this tutorial, we are going to build a shout box with PHP and jQuery, which allows visitors of your website to leave short comments to one another. Shouts will be stored on the server as files, no database like MySQL will be required. We are going to use two PHP libraries to make things easier – Flywheel for storing the shouts as json files and RelativeTime for creating human readable relative time stamps.

jPut : jQuery Plugin for JSON as customized HTML format

jPut : jQuery Plugin for JSON as customized HTML format

jPut is a small jquey plugin which you can put your JSON as customized HTML format easily.It supports loading JSON via ajax and multi level json. Put your JSON to HTML easily by just two steps.

  • Create jPut Template
  • Call jPut function

Random User Generator API

Random User Generator API

Random User Generator is a free API for generating random user data. Like Lorem Ipsum, but for people. The application will provide you with a JSON, SQL, CSV, or YAML object that you can parse and apply to your application.

PayNow! : jQuery PayPal Plugin

PayNow! : jQuery PayPal Plugin

Whether you’re selling goods or collecting donations, with PayNow! plugin you can quickly add stylish PayPal payment buttons to your website for instant and secure payments. Plugin supports following types of payment buttons – “Buy Now”, “Donate” and “Subscribe” and provides five different button styles for your creativity!

Features:

  • Buy Now”, “Donate” and “Subscribe” button types
  • Five button styles!
  • PayPal variables via “data-” attributes, or as JSON string
  • Callback to modify PayPal variables before checkout
  • API methods
  • Build-in tooltip
  • Valid HTML5 markup

Mountable.js : JSON content into a HTML table using jQuery

Mountable.js : JSON content into a HTML table using jQuery

An easier way to pass JSON content into a HTML table using jQuery

  • It’s tiny! Just 3KB;
  • Easy to customize;
  • Allows callback functions;
  • jQuery required.

jQuery Online Product Customizer

jQuery Online Product Customizer

Online Product Customizer is a jQuery powered fully responsive online design software, incorporated with marvelous features to design/print a variety of products, including t-shirt, sign, greeting, labeling, photo frame, lettering, sticker and apparel. A plenty of remarkable features of this online product design tool enable the users to design & customize products exactly according to their needs. It can be used as online t shirt designer tool, online greeting card design software or online laptop design tool to design creative & trendy products.

  • Provides 3 ready to print or Direct to Garment output files like svg, png and pdf
  • Use flexible pricing setting to set price on any of element such as color, artwork or text
  • Option of Google fonts can be enabled in online product customizer
  • JSON format enables to update products, fonts, cliparts & more
  • Colorable Artworks to make it possible for you to set cliparts for users in order to change color
  • User can upload their own images
  • Fully responsive & flexible product design tool
  • Vendors specified products.
  • Get smooth drag, slide, rotate and flip content functionality on tablets & smartphones as this online design tool is touch enabled
  • Share your creative design on Facebook, Twitter and email.
  • Products can be adorned with multiple colors & views

FormBuilder : jQuery plugin for Building Forms

FormBuilder : jQuery plugin for Building Forms

A jQuery plugin for building forms, loading form structure from xml, and saving back to the server.

Features:

  • JSON all the way around. No serliazing/format conversion.
  • More flexible field schema options for future expansion work
  • Form editor and form rendering use templates, making it easier to customize them
  • Better re-use of internal code, much cleaner code
  • Returns a basic API you can use for custom work
  • PHP/Mongo save/load example code is extremely lightweight, and easily replaced
  • Much improved support for multiple instances on a single page

Wufoo style jQuery and HTML5 form builder

Wufoo style jQuery and HTML5 form builder

formbuilder is a Wufoo style jQuery and HTML5 form builder allows you to create user forms by dragging and dropping form elements.

This form builder is using JSON to load existing form structures and serialising existing form structures back to JSON when the save button is clicked.

Tokenize : jQuery Select Multiple Items with Autocomplete

Tokenize : jQuery Select Multiple Items with Autocomplete

jQuery Tokenize is a plugin which allows your users to select multiple items from a predefined list or ajax, using autocompletion as they type to find each item. You may have seen a similar type of text entry when filling in the recipients field sending messages on facebook or tags on tumblr.

  • Intuitive UI for selecting multiple items from a large list
  • Easy to skin / style purely in css, no images required
  • Supports any backend which can generate JSON, including PHP, Rails, Django, ASP.net
  • Callbacks when items are added or removed from the list
  • Select, delete and navigate items using the mouse or keyboard

Morphing Slogan : Animated background from Text-Format

Morphing Slogan : Animated background from Text-Format

Morphing Slogan is a JavaScript application which allows to dynamically create animated background from text-format (JSON). It can be easily included in any website & Customize. Compatible with all major browsers (including IE7+, Chrome, Firefox, Safari and Opera). Lightweight – no dependence on jQuery, no need for any images.



Best jQuery websites design awards