Thanks for sharing this, Ori!
It's a great example of how 'responsive digital design layouts' can be used to provide a better experience on a page, using HTML5.
Over time, I hope we can integrate more of these techniques on Wikipedia, as users will come to expect them once they gain wider adoption.
To that end, we would like to include an example of this mixed media approach in the multimedia vision piece we are preparing together this fall.
Here are a couple more examples, for your viewing pleasure:
* ESPN'S Dock Ellis piece -- one of the first applications of parallax to editorial: http://sports.espn.go.com/espn/eticket/story?page=Dock-Ellis
* National Geographic's Forest Giant - an experiment with Adobe: http://blogs.adobe.com/webplatform/2013/05/06/adobe-explores-the-future-of-r...
* Stevan Živadinović's Hobo Lobo of Hamelin - an entire parallax children's story: http://hobolobo.net/
* Nike's nutty scroll behaviors: http://www.nike.com/jumpman23/aj2012/
These examples come from my son Adam, who is starting to integrate some of these ideas on Triple Canopy. He says there are lots of libraries for these techniques now, mostly just used for marketing sites.
Hope we can bring some of them to Wikipedia too, maybe starting with some of our future multimedia experiments, like article 'covers'.
-f
On Oct 16, 2013, at 5:01 AM, design-request@lists.wikimedia.org wrote:
Message: 1 Date: Tue, 15 Oct 2013 15:43:51 -0400 From: Matthew Flaschen mflaschen@wikimedia.org To: design@lists.wikimedia.org Subject: Re: [Design] "The Russia Left Behind" (NYT piece) Message-ID: 525D9AF7.9060603@wikimedia.org Content-Type: text/plain; charset=UTF-8; format=flowed
On 10/15/2013 02:31 PM, Quiddity wrote:
"Snow Fall - The Avalanche at Tunnel Creek" is the canonical NYT example. http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek It was talked about a LOT. https://www.google.com/search?q=snow+fall+nyt a "six-month sixteen-person multimedia project", "immersive story", "spectacle".
I'm not sure if there's a particular name for the UI style(?), but someone replicated the dynamic-scrolling aspects in an hour, and then NYT's lawyers descended: https://medium.com/meta/503b9c22080b
Well, it sounds like the issue was that they copied the specific images and video at first too, *not* just the general style (transition as you scroll, etc.).
Then, they removed the images and video, but I think the Times lawyers either didn't get it, or just decided to play hardball.
Matt Flaschen
Message: 2 Date: Tue, 15 Oct 2013 12:52:13 -0700 From: Steven Walling swalling@wikimedia.org To: "A list for the design team." design@lists.wikimedia.org Subject: Re: [Design] "The Russia Left Behind" (NYT piece) Message-ID: CAMryOMVGDdVPPfvFcFqnC_5nWDhg7UGRGL=g3TxZxATO_J=5Ww@mail.gmail.com Content-Type: text/plain; charset="utf-8"
On Tue, Oct 15, 2013 at 12:43 PM, Matthew Flaschen mflaschen@wikimedia.orgwrote:
Well, it sounds like the issue was that they copied the specific images and video at first too, *not* just the general style (transition as you scroll, etc.).
Then, they removed the images and video, but I think the Times lawyers either didn't get it, or just decided to play hardball.
Yes. Parallax scrolling and effects like Bootstrap's affix.js are most certainly not copyrighted by the NYT.
-- Steven Walling, Product Manager https://wikimediafoundation.org/