Image Gallery

Webkit CSS 3D + Local DB Demo
20 stunning examples of CSS 3D transforms
3D Gallery with CSS3 and jQuery
CSS-3D
Spinning CSS 3D Gallery
Auto Refresh

Text Animation - Twitter

CSS3 LOOPED ANIMATIONS. MULTIPLE ANIMATION LOOP
CSS animations

Tutorial feedback

16/3/2012

Very good progress.

Flikr carosel - good, but it needs to refresh itself.

Should be able to get images on their own from rss feed.

email me the php file.

Need to get just images.

Tweets - animated text.

Need to develop visualisations that don't require interaction - so working
from javascript timers etc.

Save interaction for drilling down into detail.

Think about showing a broader range of starting information...

Think about visualisations that also present the structure of the
information - the ranking or the passing of time.

PHP, XML, Javascripts, CSS, HTML

Twitter


Flickr

Youtube

User Interface Layout - Prototype

CSS Library

25+ CSS Image Galleries
How To Create a Pure CSS Polaroid Photo Gallery
Sliding Photograph Galleries
how CSS 3 transforms and WebKit transitions can add zing to the way you present images on your site
20 (More) Fresh jQuery Image Gallery/Slider Plugins and Tutorials Worth a Look
Photo Gallery for Your HTML5 Website – jQuery and CSS3 Tutorials

Javascripts Libraries

Image Scripts and Visual Effects
Image Gallery(Flickr)
Flogr
Satellite 1.5
Javascript Api Tutorials

RSS

RSS Publish Your Feed
Free RSS Widget
Feed Wind
15 Best Examples of Free jQuery Content Sliders
- free and easy to use Flash component created especially for easy visual representation of multimedia lists such as XMLs, RSS 2.0 feeds from Picasa and Flickr.

Online Tutorial - Flickr

How to use jQuery with a JSON Flickr feed to display photos

Examples of Infographic

Infographic Examples
60 Most Amazing Infographics [Hand-Picked]
Understanding Google Page Rank [infographic]
Visual Theology - The Order of Salvation
20 Infographic Driven Website Designs
Inception Ending Explained – Infographic
40 Beautiful InfoGraphic Designs
30 Beautiful Infographics for your Inspiration
21 Extremely Beautiful Infographic Inspirations
30 Really Informative and Beautiful Infographics
Stunning Infographics and Data Visualization

Tutorial feedback

8/3/2012

Have registered as developer - flikr, twitter and youtube. Done well -
might want to think about FB as well - it has a well developed developer
side.

Have tutorials - YouTube, twitter, Flikr, Facebook.

worked through - flikr - workes very well - nice!

most recent tweets, most views.

Had a look at visualisations.

I'd like you to produce somethig that reflects the dynamic nature of the
data you are looking at - so maybe animated semitransparent words of top
5-10 trends in twitter

regular updating of recent images in flikr/youtube - i like the squares
idea - but i would also like to to be continuously active...

For next week - see if you can get a line of squares updating every second
with most recent pics.

And then twitter trends over the top! possibly animated!

animation using javaScript:
http://www.schillmania.com/content/projects/javascript-animation-1/

User Interface Layout - Prototype

Examples of Interactive Data Visualisation

Leftronic
Fusion Chart
gRaphaël
TufteGraph
JavaScript InfoVis Toolkit
Mastering the Flickr API with PHP and cURL
Using the Twitter API with PHP and PEAR
Data visualisation stories from… Brazil, by Alberto Cairo
HTML & Flash slideshow examples
tiki-toki
InfoGraphic Designs: Overview, Examples and Best Practices
infographicdesign
Create Beautiful Timelines with timekiwi
15 Stunning Examples of Data Visualization

API & PHP Tutorial - Flickr

API Documentation
flickr.places.getTopPlacesList
Calling a Basic Flickr API Method from PHP
PHP Twitter API Client
How to Create a Photo Gallery using the Flickr API
Travelr – free photo gallery for Flickr