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-…
* 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(a)lists.wikimedia.org wrote:
>
> ----------------------------------------------------------------------
>
> Message: 1
> Date: Tue, 15 Oct 2013 15:43:51 -0400
> From: Matthew Flaschen <mflaschen(a)wikimedia.org>
> To: design(a)lists.wikimedia.org
> Subject: Re: [Design] "The Russia Left Behind" (NYT piece)
> Message-ID: <525D9AF7.9060603(a)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(a)wikimedia.org>
> To: "A list for the design team." <design(a)lists.wikimedia.org>
> Subject: Re: [Design] "The Russia Left Behind" (NYT piece)
> Message-ID:
> <CAMryOMVGDdVPPfvFcFqnC_5nWDhg7UGRGL=g3TxZxATO_J=5Ww(a)mail.gmail.com>
> Content-Type: text/plain; charset="utf-8"
>
> On Tue, Oct 15, 2013 at 12:43 PM, Matthew Flaschen
> <mflaschen(a)wikimedia.org>wrote;wrote:
>
>> 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/
>