Fresh Frontend Links

Re-Implementing :nth-child() With Modern CSS | CSS-Tricks

Combining :nth-child with style queries and sibling-index() to conditionally select child elements.

Testing Frontend — Lessons from over a million lines of TypeScript at Palantir

The most critical three learnings for testing frontend, from ten years helping lead frontend engineering at Palantir.

Taming Typography: Building a Modern CSS Reset | CSS-Tricks

Stu created tidy-typography.css: a style reset for taming typography with modern CSS features for everything from fluid typography and vertical rhythm, to hyphens and variable fonts.

A select should tell you something

Customizable select isn’t just a prettier dropdown. Five before/after demos show how options can carry what people need to decide.

Playing with CSS Layers

A short piece to share that I’ve implemented CSS layers on my website, and the few things I’ve learned on the way.

Useful @custom-media Presets

The AI cost of JavaScript frameworks

One of my pet peeves with the web development community is that so many of the decisions we make are vibes-based. Frameworks are “blazing fast,” tools will…

Do web components have a future if nobody is writing them?

With my previous post on “using the platform”, I was surprised that the comments on Hacker News and Lobsters tended to veer toward web components. This…

Colour variants from base colours with OKLCH, CSS relative color, and CSS functions

Many others have covered the manipulation of colour in CSS. This is me documenting what has worked for me, practically, 'in the wild'. It is a common requirement to need a variant of an...

The Future of CSS ✨ • Josh W. Comeau

Every year, browser vendors collaborate via the Interop project to synchronize their efforts on new HTML/CSS/JS features. This year, there’s a ton of super exciting features being considered! In this...

Native masonry layouts with CSS grid lanes

It’s been a long process but now, masonry layouts have an actual CSS approach, so Saleh Mubashar has put together a really useful guide on how it works, how we got here and what’s next.