The first thing to look at is the timing function. In the above example, we’re using a linear timing function, which means that the box is constantly moving at the same speed. In some cases, this is desirable; however, in the real world, motion usually doesn’t work like that.

Yet it is a little appreciated fact that many of us at home, school, and work breathe air containing CO2 concentrations of 1,000 ppm every day.

A 2012 study concluded that at “1,000 ppm CO2, compared with 600 ppm, performance was significantly diminished on six of nine metrics of decision-making performance.” At 2,500 ppm, performance levels became more or less “dysfunctional.”

Jean started cracking his bedroom door open at night, and saw the average CO2 level drop by 500 ppm.

The crispy exterior, however, is achieved by preheating the sheet pan itself in a 450° oven. You’re essentially treating the baking sheet like a sauté pan, searing an entire side of the brussels sprouts. Without preheating the pan, they’d overcook before they got to the ideal crispy state.

That’s pretty much it, honestly. You cut the sprouts in half, toss in olive oil, salt and pepper, and then arrange them cut-side-down on the hot-hot sheet. Use tongs! Move fast. Then they’ll roast for 20-25 minutes, until deeply browned.

Elevation is the relative distance between two surfaces along the z-axis.

Elevation in Material Design is measured as the distance between Material surfaces. The distance from the front of one Material surface to the front of another is measured along the z-axis in density-independent pixels (dps) and depicted (by default) using shadows

Check Which Changes You’re About to Pull

If you haven’t worked on a project for a little while, you might want to check what’s happened upstream before you pull all of those changes down into your local branch.

$ git log --oneline --no-merges HEAD../

In this article, we take a look at the alignment properties in Flexbox while discovering some basic rules to help remember how alignment on both the main and cross axis works.

I just want to collect all the main principles & rules in one place, so that other designers who want to start animating interfaces don’t have to search for additional information.