UI Dev Newsletter Issue #122
In this issue: how browsers treat big sites differently, fluid sizing with round(), animating focus rings, and more.
-
Browsers Treat Big Sites Differently
Den Odell explains how Safari and Firefox use domain-specific code to fix broken websites while Chrome does not.
-
Our CSS isn't opinionated enough
Craig Abbott argues that tying CSS styles to semantic HTML tags ensures accessibility by default.
-
Better fluid sizing with round()
Ahmad Shadeed shows how to use the CSS round() function to ensure predictable fluid sizing.
-
Cross-Document View Transitions: The Gotchas Nobody Mentions
Durgesh Rajubhai Pawar reveals cross-document view transition gotchas like timeouts and image warping.
-
Animating Focus with View Transitions
Chris Coyier demonstrates animating focus rings with View Transitions.
-
Moving away from Tailwind, and learning to structure my CSS
Julia Evans shares lessons on migrating from Tailwind to semantic HTML and vanilla CSS, outlining findings on structure, design systems, and modern CSS features.
-
Google might have just killed websites
Kevin Powell explains how Google's AI search shift threatens website traffic and ad revenue.
-
replacements.fyi
The e18e ('ecosystem performance') community shares a site to map replaceable npm packages to their native or more performant alternatives.