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.
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.
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,
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.
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!
- 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
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.
JS Charts lets you create charts in different templates like bar charts, pie charts or simple line graphs.
- 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
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!
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).