Long form story telling with an interesting mix of photo video - some autoplay video adds a very filmic touch - translates to ipad as large video player. Nice use of available content including audio clips, 3d mapping and video footage taken from the event - quite a story.
visual.ly experiments in interactive infographics with this beautiful flash-free timeline.
Great article in Smashing magazine behind the scenes of the very cool New Zealand tourism site - and even find out how to create your own canvas animation.
Guess this was made by Thailand tourism for the Japanese market - thanks to Chrome i can at least make out what’s going on with the text - however the googlemaps functionality and look is very fine…
Find out who’s pumping out the most Greenhouse gasses in the USA care of the EPA.
The Carbon Calculator is an innovative online tool that informs about the potential contribution of any selected area in the world to climate change mitigation by providing initial estimates on the amount of carbon currently stored inside, as well as the amount of additional carbon that could be sequestered through restoration.
California takes climate change info and makes it interact on this selection of google maps.
play with the population dataset on this 7billionactions.org site
Timeline controlled map - using scroll up/down feature - really cllever way to tell a story using google maps over time.
History in these streets - In the summer of 2011, the Bay Area Video Coalition’s Factory filmmaking program for teenagers partnered with the Mozilla Foundation and four Bay Area non-profit organizations to create web-native social-justice video projects. A web-native video is a story that can only be experienced fully on the Internet. It takes advantage of the Internet’s capacity for engagement and connectivity to create an experience that allows the viewer/user a heightened degree of control and interactivity.
These projects were made possible through Popcorn Maker, an open source tool by Mozilla. Popcorn Maker is a program that allows filmmakers with only a minimal grasp of HTML to integrate the limitless resources of the Internet into new film experiences.
Created using popcorn js this guided tour around the RIT campus is a fine example of putting html 5 to good use…
Can’t think of where to go for food? WTF - just try this little google mashup…
in Zurich, day or night - 360 pano’s, videos and stories - immersive. created by hinderlingvolkart - nice one!
Know your exit is a Crowdsourced Music/Visual Composition. Sounds from 1100 contributers, using their geolocations and using live twitter feed. Really worth a look and waiting for the twitter feed to kick in - clever!!!
Happy World is a hypervideo experiment co-produced by Cinquième Etage Production and Upian.com
The result is a 30 mn documentary, available both in english and french original audio, directed and edited specifically for the Internet, presented in a HTML5 shell that displays dynamic data and contextual information to enrich the video.
The film is available under the Creative Commons License, giving each user the opportunity to broadcast it (taking an unbranded version of the program and making it available to its own audience), but also to download it.
Highrise: One Millionth Tower. The opensource technology used to build this beautifully realised interactive documentary creating community helps make it fabulous on so many levels. Another ground breaking production from the National Film Board of Canada - gotta love your arts funding :)
Another great example of what you can do with HTML5. Roll over the image to see the cool effect. Who needs Flash :)
A very simple, yet very effective example of HTML5. HTML5 technology is the proposed next extensive major revision of HTML. It works on every platform, is compatible with older browsers, and handles errors gracefully. HTML5 adds many new syntactical features. These include the video, audio, and canvas elements. These features are designed to make it easy to include multimedia content on the web without having plug-in and APIs. Other new elements, such as section, article, header, and nav are designed to enrich the content.
