681: CSS Reset Update, Arc Gets Bought, and Why Websites?

What It Covers

Chris Coyier unveils his comprehensive CSS reset after analyzing 25 different resets, while the hosts discuss Arc browser's acquisition by Atlassian for $610 million and debate the future relevance of websites.

Key Questions Answered

• •CSS Reset Modernization: Implement `interpolate-size: allow-keywords` with `@supports` queries to enable smooth details element animations that transition to auto height, but wrap in `prefers-reduced-motion: no-preference` and test across sleeping browser tabs for Safari compatibility issues.
• •Box Sizing Inheritance Pattern: Set `box-sizing: border-box` on HTML element, then use `box-sizing: inherit` on universal selector and pseudo-elements. This allows reverting entire DOM subtrees to content-box without repeatedly overriding children, providing better architectural control than star-selector approaches.
• •Typography Fluid Scaling: Use `clamp(1rem, 0.5rem + 2dvw, 2rem)` on root HTML element for responsive font sizing that respects user preferences through REM units. Combine with `text-wrap: balance` on headings and `text-wrap: pretty` on body text for optimal readability across viewport sizes.
• •Scroll Margin Targeting: Apply `scroll-margin-block-start: 3rlh` to `:target` pseudo-class to prevent ID-linked elements from kissing the viewport edge. Use root line height units for consistent spacing that adapts to typography changes, particularly crucial for details element navigation and anchor link jumps.
• •Community Integration Strategy: Attend meetups consistently for one year minimum, practice relevant skills beforehand, volunteer for organizational tasks, and demonstrate genuine enthusiasm. This pattern applies across technical meetups and hobby groups, leading to private invitations and deeper network integration beyond public events.