SoTB26: CSS Anchor Positioning
We've made it to the first break! So far, my primary reaction is, "wow, I wish I could attend this event in person." Maybe next year, I'll have enough PTO saved up for a quick jaunt over to the UK.
The first talk was "Anchors aweigh! Tethering Elements in Pure CSS with Anchor Positioning" by Bramus Van Damme and it discussed a relatively new CSS feature that allowed for simpler anchor positioning. This talk epitomized my reason for attendance. I love learning about all the things that CSS can do! Over the past year, I've become more familiar with the robust power of CSS and this talk introduced me to yet another facet.
Anchor positioning has featured quite heavily in my work for the past couple months. I find the Javascript to be a bit unwieldy and difficult to understand. The CSS approach looks to be much simpler and easier to debug. I'll probably make a couple codepen demos to try it out. Unfortunately, browser support seems limited to Chrome at the moment, which means it will be a while until I can incorporate this approach at work. I'll be keeping an eye out for wider support in the future. Someone in the discord chat mentioned this library. Haven't heard of it before but I'll check it out.