Connect: behind the front-end experience

Some fantastic behind-the-scenes stuff about Stripe's design work by Benjamin De Cock. Absolutely everything is clever and using very modern techniques.

• Using CSS grid for their iconic background stripes
• Using 3D cubes for aesthetic flair
• Using reduced motion media queries to accommodate that preference
• Using the Web Animation API for event-triggered keyframe-like animations in JavaScript

Plus one I'd never seen before:

Connect's landing page uses the new Intersection Observer API which provides a much more robust and performant way to …

Connect: behind the front-end experience is a post from CSS-Tricks