Posts Tagged ‘JSON’

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

ColorSuckr: Color Schemes From Photos

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.

MooTools Coverflow

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…

InfoVis JavaScript Visualization

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.

MooTools-JSON Calendar

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.

Prototype JSON Image Gallery

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.

Flash Gauge

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

JavaScript FileSize

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.

Extract Image Metadata

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.

jQuery Grid Plugin

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.

Embedding a content inside websites is very common with the increasing web based applications like Youtube, Flickr, Pownce etc.

oEmbed is an embedding API which aims to standardize embedding interfaces of every application.

To clear, normally if you want to use API’s of Youtube and Flickr, they will be providing you different data structures of every query you make. With oEmbed, the structures of returned results (XML and JSON) are standard.

Providers who support oEmbed in their applications are currently:

  • Flickr
  • Viddler
  • Qik
  • Pownce
  • Revision3
  • Hulu

If you are embedding content from these providers, taking a look at oEmbed will definitely save your development time.

feed-holder
FeedBurner
  • PSD to HTML
  • Virtual Private Servers - eTecc Web Hosting
  • activeCollab | Project Management
RapidxHTML - Converts Your PSD into XHTML Rapidly
PSD to HTML
  • Manage your clients email marketing with sendcube
  • MailChimp
  • EasyImg - Internet Graphics Engine

Vivvo CMS - Web Publishing at your Fingertips