More info here: http://www.matthewflickinger.com/lab/whatsinagif/animation_a...
And more info on the zero-delay problem here: http://nullsleep.tumblr.com/post/16524517190/animated-gif-mi...
1,872 karma · joined February 11, 2011
• Newsletter-er @ Data Is Plural: https://www.data-is-plural.com/
More info here: http://www.matthewflickinger.com/lab/whatsinagif/animation_a...
And more info on the zero-delay problem here: http://nullsleep.tumblr.com/post/16524517190/animated-gif-mi...
Open-sourced here: https://github.com/jsvine/tab-bankrupter
As the name suggests, it's aimed more at the mental — rather than computational — weight of tabs.
- With the exception of the `margin` transition, all the transitions are set to 10 seconds — roughly each bird's lifespan.
- The `left` and `top` transitions move the bird toward the center from a randomly-assigned position on the screen.
- The `font-size` and `color` transitions create the impression that the bird is receding into the distance, getting smaller and more lightly-colored.
- The `margin` transition governs the veering. Every half-second, the bird is given new, randomish left- and top-margins. The transition (set to slightly less than a second in duration, after some trial-and-error) smooths that shift.
- The first piece: http://www.slate.com/id/2284678/
- The follow-up, in which I answer reader questions: http://www.slate.com/id/2287705/