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
Baseline and Web Features
What happens when you set out to categorize every API and property of the web? OddBird has been documenting CSS for the Web Features project. Join us as we explore some fascinating rabbit trails, edge cases, and insights into the web platform that we’ve encountered along the way.
What we cover:
Copy permalink to “What we cover:”- What is the Web Features project?
- Web Features on GitHub
- Patrick Brosset answers questions and provides context
- OddBird’s contributions to documenting CSS features
- What is Baseline?
- How are they used?
- Web Features Explorer
- Caniuse
- MDN: radial-gradient(), attr()
- <baseline-status> web component. Usage in the wild: The Lowdown on Dropdowns in HTML & CSS by David Darnes
- Keeping an eye on changes to MDN’s Browser Compatibility Data
- What challenges have we encountered?
- Fun things that have surfaced
- What’s next in Web Features?
- bl2bl: A module for turning Baseline thresholds into browserslist configurations.
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?
