mason

@bricksroo.com

🤖 front-end engineer, always learning ☕️ coffee & sunshine (with proper UV protection) 🏔️ adventure is out there

What about a straight line that bends when the circles get closer and stretches when they get farther. It's surely not possible using pure CSS, right? Right!? 👀 css-tip.com/bending-line/ Probably my new favorite demo, powered by the modern features. CSS is awesome! 😍

CSS by T. Afif@css-only.dev · 2mo ago

💡 CSS Tip! Connecting two circles with a curved line using only CSS? Yes, it's possible! 🤩 css-tip.com/connected-ci... A demo powered by the future of CSS (border-shape, if(), anchor position, etc). Update your Chrome and play with it! Stay tuned for more complex connections 👀

So here's an interesting little thing or 2 @nomster.bsky.social , @foolip.org , and myself have been cooking up—along with lots of help from others!: developer.chrome.com/blog/declara... This could lead to some VERY interesting changes in how we write web pages. Would love to hear your thoughts!

Declarative partial updates  |  Blog  |  Chrome for Developers

Learn about new out-of-order streaming capabilities and the renewed HTML insertion and streaming methods available for testing from Chrome 148

developer.chrome.com

I still can't believe I just saw a 7'5 guy take a pull-up 30-foot game-tying three. This is what it must've been like to see a movie in color for the first time.

I’ve been working with a client who runs a lot of social media and ad campaigns, so we’ve been deploying the experimental `No-Vary-Search HTTP` header. It’s amazing to see it actually working! Read all about it here: csswizardry.com/2026/05/bett...

Better Browser Caching with No-Vary-Search – CSS Wizardry

No-Vary-Search lets HTTP caches ignore irrelevant query parameters such as UTM tags, while still keeping meaningful ones like product variants in the cache key.

csswizardry.com

The nascent HTML-in-Canvas API is exciting to me not because of flashy effects, but because it extends the semantics that the DOM can (tractably) represent — as a tiny example, it's possible to show an element in multiple places, cheaply, under arbitrary transforms. folkjs.org/demos/html-i...

There's a new #webperf measurement API in the works! Check out this post looking at the work @jason-williams.co.uk and @jdapena.bsky.social have been putting into there Container Timing—available as an origin trail from Chrome 148 (rolling out next week). developer.chrome.com/blog/contain...

Container Timing origin trial  |  Blog  |  Chrome for Developers

Try out the Container Timing performance measurement API in origin trial from Chrome 148

developer.chrome.com

i feel like my job as an engineer has always been asking questions like "how" and "why". it wasn't really "write code". sure, the latter was the "how" very often, but that was simply because at one point that _was_ the only "how" that was available