Wanted to share this, since it made me wow out loud: http://www.nytimes.com/newsgraphics/2013/10/13/russia/
I'm not referring to the substance of the piece but to its presentation, which is an impressive composite of a lot of very recent browser capabilities.
I actually see this style very often in the recent months, for example: http://pitchfork.com/features/cover-story/reader/daft-punk/
There's probably a name for this style, which feels like a meme sweeping across the web design world.
I'm not a big fan of it... It's kinda pretty, but I don't quite understand what is it particularly good for.
-- Amir Elisha Aharoni · אָמִיר אֱלִישָׁע אַהֲרוֹנִי http://aharoni.wordpress.com “We're living in pieces, I want to live in peace.” – T. Moore
2013/10/15 Ori Livneh ori@wikimedia.org
Wanted to share this, since it made me wow out loud: http://www.nytimes.com/newsgraphics/2013/10/13/russia/
I'm not referring to the substance of the piece but to its presentation, which is an impressive composite of a lot of very recent browser capabilities.
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design
"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
Pitchfork does indeed use it a lot. http://pitchfork.com/features/cover-story/reader/bat-for-lashes/
See also http://www.firstmenonthemoon.com/ (glanceable) and https://www.google.com/search?q=bear+71 (long form net-art, needs at least 5 mins to appreciate.)
On 13-10-15 12:02 AM, Amir E. Aharoni wrote:
I actually see this style very often in the recent months, for example: http://pitchfork.com/features/cover-story/reader/daft-punk/
There's probably a name for this style, which feels like a meme sweeping across the web design world.
I'm not a big fan of it... It's kinda pretty, but I don't quite understand what is it particularly good for.
-- Amir Elisha Aharoni · אָמִיר אֱלִישָׁע אַהֲרוֹנִי http://aharoni.wordpress.com “We're living in pieces, I want to live in peace.” – T. Moore
2013/10/15 Ori Livneh <ori@wikimedia.org mailto:ori@wikimedia.org>
Wanted to share this, since it made me wow out loud: http://www.nytimes.com/newsgraphics/2013/10/13/russia/ I'm not referring to the substance of the piece but to its presentation, which is an impressive composite of a lot of very recent browser capabilities. _______________________________________________ Design mailing list Design@lists.wikimedia.org <mailto:Design@lists.wikimedia.org> https://lists.wikimedia.org/mailman/listinfo/design
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design
I think it has somewhat related to the parallax effect in web design and the Affix-like stuff from Bootstrap.
On Tue, Oct 15, 2013 at 9:31 PM, Quiddity pandiculation@gmail.com wrote:
"Snow Fall - The Avalanche at Tunnel Creek" is the canonical NYT example. http://www.nytimes.com/**projects/2012/snow-fall/#/?**part=tunnel-creekhttp://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek It was talked about a LOT. https://www.google.com/search?**q=snow+fall+nythttps://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/**503b9c22080bhttps://medium.com/meta/503b9c22080b
Pitchfork does indeed use it a lot. http://pitchfork.com/features/**cover-story/reader/bat-for-**lashes/http://pitchfork.com/features/cover-story/reader/bat-for-lashes/
See also http://www.firstmenonthemoon.**com/http://www.firstmenonthemoon.com/(glanceable) and https://www.google.com/search?**q=bear+71https://www.google.com/search?q=bear+71(long form net-art, needs at least 5 mins to appreciate.)
On 13-10-15 12:02 AM, Amir E. Aharoni wrote:
I actually see this style very often in the recent months, for example: http://pitchfork.com/features/**cover-story/reader/daft-punk/http://pitchfork.com/features/cover-story/reader/daft-punk/
There's probably a name for this style, which feels like a meme sweeping across the web design world.
I'm not a big fan of it... It's kinda pretty, but I don't quite understand what is it particularly good for.
-- Amir Elisha Aharoni · אָמִיר אֱלִישָׁע אַהֲרוֹנִי http://aharoni.wordpress.com “We're living in pieces, I want to live in peace.” – T. Moore
2013/10/15 Ori Livneh <ori@wikimedia.org mailto:ori@wikimedia.org>
Wanted to share this, since it made me wow out loud: http://www.nytimes.com/**newsgraphics/2013/10/13/**russia/<http://www.nytimes.com/newsgraphics/2013/10/13/russia/> I'm not referring to the substance of the piece but to its presentation, which is an impressive composite of a lot of very recent browser capabilities. ______________________________**_________________ Design mailing list Design@lists.wikimedia.org <mailto:Design@lists.**wikimedia.org<Design@lists.wikimedia.org>https://lists.wikimedia.org/**mailman/listinfo/design<https://lists.wikimedia.org/mailman/listinfo/design>______________________________**_________________ Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/**mailman/listinfo/designhttps://lists.wikimedia.org/mailman/listinfo/design
______________________________**_________________ Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/**mailman/listinfo/designhttps://lists.wikimedia.org/mailman/listinfo/design
My wife and I used a similar thing for our wedding website: http://www.atompunkwedding.com/
On Oct 15, 2013, at 11:31 AM, Quiddity pandiculation@gmail.com 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
Pitchfork does indeed use it a lot. http://pitchfork.com/features/cover-story/reader/bat-for-lashes/
See also http://www.firstmenonthemoon.com/ (glanceable) and https://www.google.com/search?q=bear+71 (long form net-art, needs at least 5 mins to appreciate.)
On 13-10-15 12:02 AM, Amir E. Aharoni wrote:
I actually see this style very often in the recent months, for example: http://pitchfork.com/features/cover-story/reader/daft-punk/
There's probably a name for this style, which feels like a meme sweeping across the web design world.
I'm not a big fan of it... It's kinda pretty, but I don't quite understand what is it particularly good for.
-- Amir Elisha Aharoni · אָמִיר אֱלִישָׁע אַהֲרוֹנִי http://aharoni.wordpress.com “We're living in pieces, I want to live in peace.” – T. Moore
2013/10/15 Ori Livneh <ori@wikimedia.org mailto:ori@wikimedia.org>
Wanted to share this, since it made me wow out loud: http://www.nytimes.com/newsgraphics/2013/10/13/russia/
I'm not referring to the substance of the piece but to its presentation, which is an impressive composite of a lot of very recent browser capabilities.
Design mailing list Design@lists.wikimedia.org mailto:Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design
--- Brandon Harris, Senior Designer, Wikimedia Foundation
Support Free Knowledge: http://wikimediafoundation.org/wiki/Donate
I think its great for content like the Russia and Snow Fall articles - scrolling through the page also scrolls through a map, so it helps illustrate the progression of the story. It's maybe overused in things like the pitchfork article to look pretty and trendy. But aside from the cool scroll effects, the articles have a nice focused reading experience.
On Tue, Oct 15, 2013 at 11:37 AM, Brandon Harris bharris@wikimedia.orgwrote:
My wife and I used a similar thing for our wedding website:http://www.atompunkwedding.com/
On Oct 15, 2013, at 11:31 AM, Quiddity pandiculation@gmail.com 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
Pitchfork does indeed use it a lot. http://pitchfork.com/features/cover-story/reader/bat-for-lashes/
See also http://www.firstmenonthemoon.com/ (glanceable) and
https://www.google.com/search?q=bear+71 (long form net-art, needs at least 5 mins to appreciate.)
On 13-10-15 12:02 AM, Amir E. Aharoni wrote:
I actually see this style very often in the recent months, for example: http://pitchfork.com/features/cover-story/reader/daft-punk/
There's probably a name for this style, which feels like a meme sweeping across the web design world.
I'm not a big fan of it... It's kinda pretty, but I don't quite understand what is it particularly good for.
-- Amir Elisha Aharoni · אָמִיר אֱלִישָׁע אַהֲרוֹנִי http://aharoni.wordpress.com “We're living in pieces, I want to live in peace.” – T. Moore
2013/10/15 Ori Livneh <ori@wikimedia.org mailto:ori@wikimedia.org>
Wanted to share this, since it made me wow out loud: http://www.nytimes.com/newsgraphics/2013/10/13/russia/
I'm not referring to the substance of the piece but to its presentation, which is an impressive composite of a lot of very
recent
browser capabilities.
Design mailing list Design@lists.wikimedia.org mailto:Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design
Brandon Harris, Senior Designer, Wikimedia Foundation
Support Free Knowledge: http://wikimediafoundation.org/wiki/Donate
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design
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
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.
Thanks for sharing, Ori. I actually think this is a nice iteration on the ideas in "Snow Fall" -- less gimmicky, focusing on the design elements that actually support the subject matter.
Erik
On 10/15/2013 02:50 AM, Ori Livneh wrote:
Wanted to share this, since it made me wow out loud: http://www.nytimes.com/newsgraphics/2013/10/13/russia/
I'm not referring to the substance of the piece but to its presentation, which is an impressive composite of a lot of very recent browser capabilities.
Do you mind quickly going over the major ones you noticed?
Matt Flaschen