I’m pleased to shine a light on the fact that the CSS grid-template-rows and grid-template-columns properties are now animatable in all major web browsers! Shall we take a look at a few examples to get the creative juices flowing?

Container queries mean typography is no longer a series of cool hacks and instead now a fully fledged citizen in the browser as of 2023. Web typographers can finally create the relationships that we’ve always needed: font size, line height, measure.

Consider .a .b .c {} vs. .a :is(.b .c) {}. They might look the same, but they behave differently… the second selector selects more than you might initially think.

IMO, the dialog element has reached the tipping point of generally being the better option for web developers who need to implement dialogs in their web pages. The number of accessibility requirements a developer needs to be aware of, and the level of effort to implement custom ARIA dialogs is now largely taken care of by browsers.

Managing our colors can truly help people to access our content. In this article, Brecht de Ruyte takes a deep dive into how we can create a high-contrast system while maintaining a balance between designing something accessible and respecting the look and feel of a brand.