The http://www.programmableweb.com/ is s vast collection of APIs for web developers. It is a fine place to start if you need some API service for your website or app.
- On the HTML canvas the top left corner is x = 0 and y = 0.
- The y-axis is “up & down”.
- The x-axis is “left & right”.
With a canvas you can animate your page. You can use images or draw geometric figures on the canvas. Here are some tutorials for canvas animation.
- Basic Canvas drawing.
- Canvas animation – see the video below.
Parallax Effect ( Multilayer animation )
The Instagram API is just one among many APIs. Here is a list of interesting sites:
- Scotland Open Data http://okfnscot.github.io/open-data-scotland/
- Scalar http://scalar.usc.edu/features/open-api/
- Open Art History http://openarthistory.org/
- 30 Places http://blog.visual.ly/data-sources/
- Open Weather http://openweathermap.org/api
- New York Times http://developer.nytimes.com/docs/times_newswire_api/
These are just a few examples ….
A great portal to many APIs is APIgee – the interface is used by Instagram and many other providers of third part data.
- Get Instagram image feeds – see my example on Instagram.
- Method: find out how to format the URL, that will give you the wanted data.
- As soon as your API sends a satisfying response, you can use the json parser.
- The analysis of the json object will give you an idea of how to format strings for the AJAX script, such as:
- data.data.link.url ( etc. )
Via Instagram you can open APIgee. In the top left corner there is a drop down menu with access to many APIs. Choose one. Next to the name you’ll find a drop down menu for authentiation. Choose it. If you can work without authentiation so much the better. If not … well try to authentiate with your personal or professional user profile.
The authentiation will give you a token. Add the token to the search string. Then you’re ready to format your jsonp searchstring urls, like this one:
In groups choose an API from a json data provider. Experiment with the API, try to get interesting results – and when you have the data you want – style it with all the arts and tricks you know from CSS and jQuery.
After lunch present your work in plenum.
Upload your work as a group.