For over ten years now, I’ve been sharing front-end links with the community on Friday Front-End. Every week, I bookmark 20–30 articles, and pick the best ones to include. In that time, I’ve learned some things I want to pass along to you: Recommendations to make your article more likely to be shared in newsletters and social media accounts like this one.

A flexible system for consistent stroke widths across type sizes. Here’s the basic idea: I want all the type on my site to look like it was drawn with one of two technical pens, a standard one with a thinner stroke and a more emphatic one with a thicker stroke.

Prescriptive class name conventions are no longer enough to keep CSS maintainable in a world of increasingly complex interfaces. Can the new @scope rule finally give developers the confidence to write CSS that can keep up with modern front ends?

This select component intends to showcase what's possible when we combine modern CSS features with thoughtful progressive enhancement. The appearance: base-select property provides the foundation, while anchor positioning, scroll-state queries, and entrance animations create a polished, accessible experience.

An opinion on why we shouldn't switch to the smallest design too early. Let’s take an example of a real design. We have a hero section with content and an image. When I resize the viewport a bit, the design instantly switches to the mobile design. While that sounds that the person who built this cares about responsive web design, it implies that they don’t care that much, too, about the details.