Using JavaScript, it is possible to load HTML, XML or JSON data with XMLHttpRequest.

However cross-domain JavaScript requests (reaching remote pages) are not possible due to browser security limitations except JSONP-formatted JSON data.

Simple PHP Proxy is a PHP script which aims to fill this gap by creating a layer between your JavaScript code and the remote domain to get data in HTML, XML or JSON formats.

Some features of Simple PHP Proxy:

• requested URLs can be white-listed & validated against a regex.
• optionally forward client cookies / SID to the remote server.
• optionally forward configurable User Agent to the remote server.
• requests can use either GET or POST request methods.
• remote data can be delivered as-is with all remote headers intact.
• remote data can be wrapped in a JSON/P structure that includes status codes & remote headers.
• if using JSON/P & remote data is valid JSON, it will be merged into the resulting data object.

There is also a demo which you can request any URL.

ColorSuckr is a free online service which can extract colors from an image & generate color schemes.

It can be used in 3 ways:

• by mentioning the URL of the image
• via a bookmarklet
• or a Firefox add-on

Once the color schemes are ready, they can be downloaded as Adobe Swatch (.ASE) files or more schemes can be listed from COLOURlovers for any selected color.

ColorSuckr also offers the results in RSS, JSON & XML formats which makes an integration with any application possible.

MooFlow is a highly customizable coverflow-like image gallery that is built with MooTools.

It is easily & automatically setup by mentioning the HTML element that grabs the images.

MooFlow has various features like:

• fullscreen support
• browsing with mouse wheel
• browsing with keyboard
• autoplay & loop
• automated JavaScript image reflections

The script is also flexible when loading the images. The data source can be JSON or HTML with selector-filter.

And, its interface can be totally skinned via CSS.

InfoVis is an open source JavaScript data visualization toolkit offering multiple ways to present data using the canvas tag.

It is feeded with data in JSON format & some of the ready to use visualizations are:

• treemaps
• radial layouts
• bar charths, pie charts & more…

Besides a static presentations, InfoVis supports interactive animations which can be fired by any event (like mouseovers, clicks).

It has various methods to add/remove/update nodes & manipulate every aspect of the outputs.

The toolkit doesn’t depend on a JavaScript framework, can be used with any of them & easily updated for adding new features to it.

MooGenda is an event calendar script, built with MooTools, that reads events from JSON requests.

The calendar supports drag’n drops of events & in every action a JSON request is sent for instant updates.

This MooTools calendar supports 3 different views:

• day view
• week view
• month view

With clicks, the calendar switches between views with a sliding animation & displays the details of that day/view/month.

Ferdinand.Slider is a Prototype extension for creating simple image slideshows.

It uses a JSON file at any location as the data source which makes it possible to integrate with Flickr or similar services easily.

The extension has several options to set:

• duration of effects
• duration of image transition
• opacity
• background
• prev-next buttons & more.

It is also possible to add more features (like a menu) to the slider as it can be controlled from outside with commands like slider.Next(), slider.Prev().

Open Flash Gauges is a set of open source Flash files, supported with serverside connectors (ASP & PHP), to display any numeric data as gauges.

Gauges in the set are:

• Percentage
• Thermometer
• Dual
• Resource Meter
• Meter
• Status
• I/O
• Digital readout

Demos can be found here.

There is also a pure JavaScript-Canvas gauge that uses MooTools & JSON as the data + a Flash gauge again uses MooTools & JSON presented in the website..

addSizes.js is a script which adds the file type & sizes of the files that a text is linked to automatically.

To be more clear, if there is link like: "click to download this file", it is converted to "click to download this file (pdf 1.2 MB)".

The script uses json-head, a Google App Engine application, to get the file info without downloading them.

Script requires jQuery & it is a bit experimental due to App Engine being occasionally and unavoidably flakey. But it is definitely inspirational.

IMG·2·JSON is a Google App. Engine python application that extracts metadata from images and returns the results as a JSON string.

How to use?

Usage is simpler then expected. Just send a request to the fetcher-script URL hosted on Google App Engine.

An example query:

http://img2json.appspot.com/go/?callback=myCallbackMethod&url=

http://assets.flog.co.nz/favicon.png

Response parameters include the image mimeType, size, height, width, byteSize & exif metadata.

jqGrid is an Ajaxed jQuery grid plugin with amazing features.

As the grid is a client-side solution that loads data with Ajax callbacks, it can be used with any server-side language like ASP, PHP, ASP.NET, JSP and so.

A clever feature is sub grids which shows you a sub grid when a master column is called.

Some features of jqGrid:

• paging functions
• add, edit, delete & search records
• accepts XML, JSON, array or user data as input
• multiple selection of rows
• sub grid & grid details (great feature!)
• UI datepicker integration
• & more…

jqGrid is very impressive with the interface, features, usability & documentation. To check this great jQuery grid plugin, click here.