Tessera
Folgen

@bfgeek.bsky.social

73 Posts67 Follower52 Folgt
Joey Arhar@josepharhar.bsky.social · 3w ago

Hi! I'm working on a new HTML feature: filterable select There are two proposed API shapes so far: 1. Nesting <input> in <select> 2. Sibling <input> for listbox <select> w/id ref Option 1 is more ergonomic, but would break selects in older browsers Thoughts? (Both currently in Canary w/flag)

@bfgeek.bsky.social · last mo.

I gained internet points! calc-size() is very powerful, I'm glad it turned out as well as it did. (there is an alternate universe where CSS never had min-width, etc - and instead one would write: width: calc-size(auto, clamp(100px, size, 300px)); which is verbose but interesting to think about).

Jake Archibald@jakearchibald.com · last mo.

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...

@bfgeek.bsky.social · 2mo ago

I'm personally seeing this for Chromium as well. External PRs previously indicated non-trivial effort, and time invested in reviewing would often lead to higher quality PRs in the future. Now this is less true, review load has increased, but the chance of these PRs being accepted has decreased.

Jake Archibald@jakearchibald.com · 2mo ago

Ladybird: "We will no longer accept public pull requests. From now on, code changes to the Ladybird codebase will only be introduced by project maintainers." ladybird.org/posts/changi...

Brecht De Ruyte@utilitybend.com · 3mo ago

🚀 New article on gap decorations (coming soon) in CSS. I have a small obsession with clean layout lines, and this is the first time it feels easy to draw them without polluting the markup. Goes through the new properties, a playground, and some experiments... 👾 utilitybend.com/blog/css-is-...

CSS is filling the gaps with rules. A way to style gaps in grid and flex. | utilitybend

A practical walkthrough of CSS gap decorations: column-rule, row-rule, rule-break, rule-inset, rule-visibility-items, repeat(), and animation.

utilitybend.com

@bfgeek.bsky.social · 4mo ago

Fun (obvious?) fact. Browser layout engines, text layout (harfbuzz) don't use floating point because its trash. Floating-point is really only useful if you are doing operations around 0. Instead we use fixed-point (Blink & WebKit use 1/64th base, Firefox 1/60th base). Harfbuzz uses 16.16

rob pike@robpike.io · 4mo ago

A floating-point number is really a representation of a rational number that does incorrect simplification after operations with other floating-point numbers. It's really important to know that FPs just don't behave like normal numbers. Obligatory reference: floating-point-gui.de

@bfgeek.bsky.social · 10mo ago

Yes, but the browsers have implemented this optimization differently. WebKit/Firefox have the same optimization in that they use (effectively) a linked-list of HashMap(s). There are some performance cliffs with this - lookups can be slow, e.g. you check a HashMap, then check its parent, etc.

@bfgeek.bsky.social · last yr.

This is an awesome proposal that the Microsoft Edge engineers have been working on. It extends the existing column-rule-* properties to work for all gaps in an intuitive way. If you are interested I'd encourage you to try it out. The repeat() syntax is really nicely with arbitrary sized grid/flex.

Una Kravets@una.im · last yr.

You can now play with CSS gap decoration in Chromium 139+! Learn more: developer.chrome.com/blog/gap-dec... Try it out (current Canary w/experimental web platform features flag): microsoftedge.github.io/Demos/css-ga...