There are just so many conferences that I wish I was going, but it is impossible to go to all of them. SABR National, SABR Analytics, AAJA, EyeO (I was lucky to go this year), SXSW (I’m going next year!) Sloan Sports Analytics Conference, Open Vis, NICAR, IEEE VIS Week, HTMLDevConf, Artifact, W3conf, Ampersand, FrontEndConf to name just a few…. and ONA is one of them.
I was unable to go to Atlanta this past week, but I follow tons of people who were there on twitter and especially one of the session really piqued my interest. Session was called “Snow Fall for all” by Adam Schweigert (of INN) and Jessica Plautz, and there is a hackpad that was contributed by attendees. There are bunch of very interesting blog posts like Lisa Williams’s write up (is excellent), Tweets wrap-up and such, but I thought it would be helpful to list all the “snowfall”-like interactives here for future reference.
There is a pattern, such as bigger photo, parallax effect, larger font size with more white space, subtle (and sometimes not so subtle) css/js animation and html5 videos (as well as technique called cinemagraph) and stuff, and each tricks are not that difficult. But the successful one is just really good old-fashioned “story telling” combines many tricks, appropriately.
Long form story telling examples
- One that started it all, NYTimes.com’s Snow Fall
- Their new one The Jockey (video heavy)
- Pitchfork’s Daft Punk profile
- Council on Foreign Relations’s China’s Maritime Dispute.
- Guardian’s Firestorm
- NPR Music’s “In memoriam”
- ESPN’s Dock Ellis
- Eephus League Magazine by Bethany Heck. This is one of my all time favorite. Beautiful use of curtain effect.
- National Geographic’s Serengeti Lion
- Chronicle’s “Bounced Around”
- Whitey Bulger on Trial by WBUR using Creativist
- Guardian’s “America: Elect!” using skrollr
- Guardian’s England vs Australia using shorthand.com
- Reuters’ The Child Exchange
- “HITS jumps high” by Daily Freeman using ScrollKit (On the side note: ScrollKit got in trouble by creating snow fall in 1 hour)
- James Bond Cars by Evans Halshaw
- sStory by E.J. Fox (a JSON file powered longform tool
UPDATE: More links and more links
…and more links. (Send me a link of new and old or comment below and I will keep adding them to this list.)
- NYTimes: Forging an Art Market in China
- NYTimes: A Game
of Shark and Minnow
- NEED CANARY Adobe/NatGeo Orphan Elephants, Forest Giant
- …and How could I have forgotten and not include those! I am a big fan. Everything that Verge does in their long form features section. Such as:
- Newsweek: Good Jill, Bad Jill: Executive Editor Jill Abramson, Queen of The New York Times
- L’Equipe Explore: Human Cannonballs
- Brookings Institution: The Promise: The Families of Sandy Hook and the Long Road to Gun Safety
- ESPN Grantland: Out in the Great Alone
- Women and Tech does a series of them: Pearl Chen of Karma Lab
- Pitchfork: Bat for Lashes’ Natasha Khan
- Telegraph: Wrappers delight
- Sports Illustrated has a whole section for long form that contains beautifully designed responsive web pages. Nice use typography, large images, and slideshow/video and black sahde at the top telling you where you are in the story is really nice touch: Such as Lost Soul: Bison Dale, and Shane comes to the Metrodome. (via @iBlend)
- SBNation has longform as well. No parallax, but large images.
- [Update, November] awesome one by Guardian NSA Files: Decoded
As I see more cool tools, I will add it here:
I have not used them at all, so not an endorsement.
[UPDATE 1/24/2014] Came across this: Huge list of crowd-sourced list of “snowfall” like stories.