2017
2016
2015
Wealthfront Engineering: Performant CSS Animations: Netflix Case Study
While going over performant web animations with our new batch of interns, Netflix's new redesign was brought up as an example of something that seemed to have DOM nodes that changed size and pushed other DOM nodes around.
Twitter's "fave" animation
by 1 otherTwitter recently updated the design of their “fave” (also known as “fav”) button, introducing a new animation. Rather than rely on CSS transitions, the animation makes use of a series of images. Here’s how to recreate the animation using the CSS animation steps timing function.
2014
Susy your layout | our math
by 2 othersIn a world of agile development and super-tablet-multi-magic-laptop-phones, the best layouts can’t be contained in a single framework or technique. CSS Libraries are a bloated mess of opinions about how to do your job. Why let the table-saw tell you where to put the kitchen?
"I like the idea of grids-on-demand, rather than a strict framework."
— Chris Coyier, CodePen
1
(16 marks)