Container queries are widely available!
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!
Winging It
post type
Relative Units & Typography
With special guest Alan Stearns
Join Miriam Suzanne, Stacy Kvernmo, and special guest Alan Stearns – typography enthusiast, co-chair of the CSS Working Group, and self-described CSS Panjandrum – for a conversation about typography.
Responsive Typography has been around for at least a decade in various forms, but has become even more popular with tools like Utopia.fyi, Fluid.style, Typetura, and more – all relying on the latest CSS units and math functions. But there are still a lot of questions worth asking.
This post is part of a series on revisiting fluid typography:
- Relative Units & Typography
- Reimagining Fluid Typography
- Revisiting Fluid Type
- Designing for User Font-size and Zoom
What we cover:
Copy permalink to “What we cover:”- What do users really want when they change the default browser font size?
- Is it appropriate for padding and margins to grow along with text?
- What all should we be responding to, and can CSS do what’s required?
Links:
Copy permalink to “Links:”- The Ultimate Ideal Bestest Base Font Size That Everyone Is Keeping a Secret, Especially Chet
- Why You Should Use px Units for margin, padding, & Other Spacing Techniques
Demos:
Copy permalink to “Demos:”Recent Episodes
Winging It post typeAvoid this mistake when anchor positioning a popover!
Are you positioning a popover with CSS anchor positioning and
position-area? Make sure to override the default margins on the popover.
Winging It post typeThere’s a new stretch keyword in CSS?
There’s a new stretch keyword that we can use for CSS
heightandwidthproperties. But how is that different from100%? And how is that different from100vhwhen we want a full-height layout?
