Fitting a user-uploaded image of unknown aspect ratio into a fixed box has always meant a wrapper with overflow: hidden, the image absolutely positioned, and a centring translate.…
will-change tells the browser to promote an element to its own compositor layer before the animation starts, which removes the stutter on the first frame. The advice usually…
The class name suggests it handles responsive images. What it actually does is three declarations, and none of them affects which file gets downloaded — a 2400px photo…
The grid works by putting negative margins on .row to cancel the padding on .col-*. Nesting columns directly inside a column skips that cancellation, and the inner content…
Responsive images used to mean shipping the desktop file to everyone, or swapping src after load — which downloads both. srcset hands the browser the candidates and lets…