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
Web Components
With special guest Zach Leatherman
Web Components are a polarizing feature that seem simultaneously old news and not quite ready for production yet. But we’ve been making things with Web Components, and finding some areas where they really work well. Join us, along with special guest Zach Leatherman of 11ty, to hear more about how we’re using them, what they work well for, and why we’re excited about them.
What we cover:
Copy permalink to “What we cover:”- When Web Components “clicked”
- How to incorporate progressive enhancement
- Future Web Components projects
- What is still missing from Web Components?
- Thoughts on Lit
Demos:
Copy permalink to “Demos:”- slide-deck
- ground-control
- is-land
- fundraising-status
- An Attempted Taxonomy of Web Components
- Progressive Enhancement Recipes using Eleventy WebC Image Comparison Components
Links:
Copy permalink to “Links:”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?
