👀

IntentToShip@intenttoship.dev · 2w ago

Blink: Intent to Prototype: CSS shrink-to-fit container

Blink: Intent to Prototype: CSS mixins

Gecko: Intent to prototype: margin-trim

There's an ideal set of sizing constraints for custom <select>, but the CSS is a bit tricky. Here's how to make it work, and a tour of new CSS features along the way. jakearchibald.com/2026/goldilo...

The Goldilocks customizable select height

The 'ideal' sizing is more complicated than you think…

jakearchibald.com

Does #HTML need a `<vr>` element? To complement `<hr>`. Writing `<hr aria-orientation="vertical">` feels odd, and using a `<div role="separator" aria-orientation="vertical">` even worse.

Okay, so I learned a thing about Grids today. Many of my components have these declarations to make spacing nice: `display: grid; gap: 2rem`. Apparently, `grid-template-columns` is now implicitly set to `auto`. Yada yada, 2018 @chriscoyier.net has my back! css-tricks.com/preventing-a...

Preventing a Grid Blowout | CSS-Tricks

Say you have a very simple CSS grid layout with one column fixed at 300px and another taking up the rest of the space at 1fr.

css-tricks.com

Project Wallace@projectwallace.com · 2mo ago

Wow, hadn't noticed the massive horizontal overflow. @polypane.app would have caught this. I don't even... I'm so disappointed in myself right now.

master.dev/blog/demysti...

Demystifying the View Transition Pseudo Tree

Each pseudo element plays a distinct role in how the view transition animates. The browser does most of the heavy lifting though, which makes it a little hard to see what’s actually happening under th...

master.dev

- Customizable select(!) - Unprefixed `stretch` keyword - #CSS `:heading()` - Transform-aware anchor pos - Anchor pos sibling chaining fix (got bit by this) - Top-level await fixes developer.apple.com/documentatio...

Safari 27 Beta Release Notes | Apple Developer Documentation

Released June 8, 2026 — 27.0 beta (20625.1.18)

developer.apple.com

Oooh, #CSS customizable <select> in Safari 27! Best news out of WWDC webkit.org/blog/17974/w...

Web Technology Sessions at WWDC26

Welcome to WWDC26.

webkit.org

100% agree. if i see “chore” in commit log, im judging you

Stop Using Conventional Commits

You’ve almost certainly encountered Conventional Commits before. It may have reared its ugly head in the changelog of an open source project you’ve used. It may have been the enforced commit format fo...

sumnerevans.com

Firefox 151 is out now, and brings with it some tasty new web platform features: 🎉 Container style() queries 🎉 Web Serial API 🎉 Document Picture-in-Picture API 🎉 keyboardLock on requestFullscreen …and more! developer.mozilla.org/en-US/docs/M...

Firefox 151 release notes for developers (Stable) - Mozilla | MDN

This article provides information about the changes in Firefox 151 that affect developers. Firefox 151 was released on May 19, 2026.

developer.mozilla.org

@lukewarlow.dev would you happen to know if Chrome still has some restrictions when it comes to appearance-base `<select>` as list box styling? It seems my flex styling here isn't applying and I can't find a good reason why it wouldn't. codepen.io/maikelkrause...

Customizable select: listbox

...

codepen.io

Wonder if you could use this make an IDE with just a single <textarea> (no contenteditable, no more inserting a huge amount of <span>s)

IntentToShip@intenttoship.dev · 3mo ago

Blink: Intent to Ship: OpaqueRange

Great article showcasing what happens when you try to play whack-a-mole to "sanitize" something like an SVG document. muffin.ink/blog/scratch...

we launched a new @e18e.dev mini-site today! replacements.fyi acts as a super simple frontend to the module replacements data. we noticed the data wasn't very discoverable, so this is a focused tool for when you want to quicky look up if something has alternatives (esp. native ones!)

replacements.fyi - A new module replacements website

A look at the new module replacements website and the collaboration that went into it

e18e.dev

www.smashingmagazine.com/2026/04/bug-...

The “Bug-Free” Workforce: How AI Efficiency Is Subtly Disrupting The Interactions That Build Strong Teams — Smashing Magazine

AI tools are eliminating the need to “bug” colleagues for help, but the informal interactions they replace are the very scaffolding that builds team trust, belonging, and innovation. Casey Hudetz and ...

smashingmagazine.com

Blink: Intent to Ship: Focusgroup

WebKit support for #CSS advanced attr(), and <dialog closedby>

IntentToShip@intenttoship.dev · 3mo ago

Webkit: Release Notes for Safari Technology Preview 242

Yesss

IntentToShip@intenttoship.dev · 4mo ago

Gecko: Intent to implement & ship: CSS container style queries

It's pretty common to get UX requests for "clickable elements" that'd cause nested interactive elements. Lately I've been big on this "faux-nested" pattern: piccalil.li/blog/accessi... Created a quick demo of the same idea but spanning table columns using #CSS anchor-pos: codepen.io/maikelkrause...

Table hit area expand using anchor positioning

...

codepen.io

The Great CSS Expansion, by @pavellaptev.bsky.social (@gitbutler.com): https://blog.gitbutler.com/the-great-css-expansion #css #anchorpositioning #popovers #modals #animations

The Great CSS Expansion

CSS now does what Floating UI, GSAP ScrollTrigger, Framer Motion, and react-select used to require JavaScript for. Here is exactly how much that saves, why these libraries were painful beyond their size, and what the platform still hasn't figured out.

blog.gitbutler.com

Blink: Intent to Prototype: CSS URL request modifiers

Stop writing boilerplate JS for accessible menus. We’re proposing a new HTML primitive: focusgroup. It brings native keyboard arrow-key navigation directly to the platform. Tell us what you think → goo.gle/4uvFIkz 🧵(1/3)

@rachelandrew.bsky.social Noticed a quick typo under "Grid lanes" here where it mentions "Safari 16.4" instead of 26.4. web.dev/blog/web-pla...

I almost forgot it's #caturday

I found a neat little way to gauge our app for #a11y issues: completely disable all #CSS and see how well the app still works. When everything uses proper links/buttons, dialog, details, popover, etc. everything degrades pretty well in UA styles nowadays! The parts that don't immediately stand out.

POLLS: The CSS Working Group is looking for author feedback on two topics related to CSS Gap Decorations. Questions below. For background information on Gap Decorations, see the explainer: github.com/w3c/csswg-dr...

I actually never realized you couldn't do this already

IntentToShip@intenttoship.dev · 5mo ago

Gecko: Intent to Ship: multi-color color-mix()

Today I learned that when using the new CSS `@scope` rule, inherited properties leak through the donut scope. I wrote more about it on my blog. arpit.blog/articles/202...

Why does @voidzero.dev get their own special YouTube channel URL, it's clearly unfair