Archive of posts with category '30 seconds of knowledge'

Height transition

Transitions an element’s height from 0 to auto when its height is unknown.

Transform centering

Vertically and horizontally centers a child element within its parent element using position: absolute and transform: translate() (as an alternative to flexbox or display: table). Similar to flexbox, this method...

Easing variables

Variables that can be reused for transition-timing-function properties, more powerful than the built-in ease, ease-in, ease-out and ease-in-out.

Box-sizing reset

Resets the box-model so that widths and heights are not affected by their borders or padding.

What is recursion and when is it useful?

Recursion is the repeated application of a process. In JavaScript, recursion involves functions that call themselves repeatedly until they reach a base condition. The base condition breaks out of the...