Read, watch, & listen
Learn how to write resilient CSS, add WebSocket push notifications to a RESTful API, and more with these articles, videos, podcasts, and case studies.
It’s time to stop spreading this out-dated practice
Setting the box-sizing model to border-box is one of the few remaining CSS ‘resets’ used across most projects. But there are two common approaches, and the more popular choice will cause more problems than it solves.
With special guest Roma Komarov
The CSS Working Group got together in August to discuss a range of old and new issues. The following week, Miriam Suzanne and Stacy Kvernmo chatted with CSS expert Roma Komarov about how to create reusable and more flexible CSS using mixins and functions, what happened in the CSSWG meetings…
What do all the numbers in our clamp() do?
There are multiple tools that can help create a fluid font-size calculation for CSS – generally expressed as a clamp() function combining em (or rem) with vw (or vi) units. But the results are difficult to understand at a glance, so I wanted to visualize what’s going on…
Happy 30-month anniversary to Container Queries – shipping in every browser since February of 2023. It was supposed to be impossible, but here we are!
Are you positioning a popover with CSS anchor positioning and position-area? Make sure to override the default margins on the popover.
There’s a new stretch keyword that we can use for CSS height and width properties. But how is that different from 100%? And how is that different from 100vh when we want a full-height layout?
Using modern CSS units and math functions
When I tried setting my browser font-size preferences, I found it broke more sites than it improved, and I quickly moved back to the default. So what went wrong, and how can we fix it?
With special guest Kilian Valkhof
Kilian Valkhof, Miriam Suzanne, and James Stuckey Weber talk about developer tools including the Polypane browser and other accessibility tools.
A guide to using new color spaces & formats with OddContrast
OddBird’s color tool not only checks contrast ratios, but supports the new CSS color formats and spaces.
A web development podcast from LogRocket
I talk with Noel Minchow about the philosophy and evolution of web design. We explore CSS origins, the cascade, accessibility, and how the balance between user control and brand expression defines the spirit of the web.
CSS Q&A Party
Miriam Suzanne and Stacy Kvernmo answer questions from listeners about CSS – what the next big evolution for CSS may be, how to make a site more accessible, whether float is still useful, and what’s on their CSS wish list.
hint popovers, position-area and more
We have been busy updating the Popover and CSS Anchor Positioning Polyfills, but there is still more we can do with your help.
With special guest Luke Warlow
Learn how to declaratively add behavior to buttons with the Invoker Commands API. Join James Stuckey Weber and Miriam Suzanne for a live conversation with special guest Luke Warlow, Web Platform Engineer at Igalia.
Display color gamut ranges and more
OddContrast, OddBird’s color format converter and contrast checker, gets new features – including the ability to swap background and foreground colors, and display color gamut ranges on the color sliders. Contrast ratios now incorporate foreground color alpha values.
Start using author-defined functions
There’s been a lot of progress in the CSS Working Group lately, but I want to draw your attention to a prototype that landed in Chromium ‘Canary’ (v136+) browsers with the experimental platform features flag enabled. Author-defined Functions are coming to CSS, and you can start to experiment with them…