una.im | Updates to the customizable select API
It’s great to see the evolution of HTML happening in response to real use-cases—the turbo-charging of the select element just gets better and better!
How Flexbox Works
A really deep dive into flexbox. This is a great example of what I categorise as “thinking like a browser” (a skill I recommend for any front-end developer).
Related links
CSS wants to be a system - daverupert.com
CSS wants you to build a system with it. It wants styles to build up, not flatten down.
Truth!
Knowing CSS is mastery to Frontend Development — Anselm Hannemann
Anselm isn’t talking about becoming a CSS wizard, but simply having an understanding of what CSS can do. I have had similar experiences to this:
In the past years I had various situations where TypeScript developers (they called themselves) approached me and asked whether I could help them out with CSS. I expected to solve a complex problem but for me — knowing CSS very well — it was always a simple, straightforward solution or code snippet.
Let’s face it, “full stack” usually means “JavaScript”—HTML and CSS aren’t considered worthy of consideration. Their loss.
New CSS that can actually be used in 2024 | Thomasorus
Logical properties, container queries, :has, :is, :where, min(), max(), clamp(), nesting, cascade layers, subgrid, and more.
My Modern CSS Reset | jakelazaroff.com
I like the approach here: logical properties and sensible default type and spacing.
Related posts
Making the website for Research By The Sea
Having fun with view transitions and scroll-driven animations.
Who knows?
Had you heard of these bits of CSS? Me too/neither!
Speedier tunes
Improving performance with containment.
Assumption
Separate your concerns.
Workaround
Browsers and bugs.