The linear() function allows us to achieve bounce, spring, and elastic effects that were previously only possible with complex JavaScript. You can use linear() to specify a value for the CSS transition-timing-function property, animation-timing-function property, or as an easing value when using the Web Animations API in JavaScript.

When many devs think of CSS they think of Peter Griffin trying to open window blinds. But for others CSS is more like putting their hand in the pain box from Dune while some product manager has a gom jabbar to their neck, daring them to pull their hand out.

This was nothing short of a mess. This was a frontend role. Why would Kubernetes and Docker be in there? …There was no question about HTML, structure of documents, semantics or interactivity of elements. There was nothing about performance, nothing about security, nothing about the DOM, nothing about CSS other than a hack we should not be using any longer.

I’m still a fan of the OKLCH color model and CSS function. But there are a couple of things that are confusing or weak about it, and it’s probably fair to point those out clearly.

With the new popover attribute in HTML, we can put elements in the top layer and allow them to disappear with ‘light dismiss’. This attribute adds behaviour, not semantics: you're supposed to add your own when it makes sense. In this post, we'll look at different semantics that could make sense for your popover-behaved elements.