@bram.us
Chrome DevRel at Google (CSS + Web UI + DevTools). CSSWG Member. PADI Divemaster. Blogs at bram.us. Lives in Belgium.
@bram.usSome pain killers and I'll live 😊 My main concern right now is that I have a diving trip planned 2 weeks from now … and I'd things don't get bettter fast I'll have to cancel that 😭
@bram.usYesterday I did some long overdue updates to this project.
The caniuse and bcd datasets can now be updated by the app itself. The app also warns when the datasets are quite old.
Now also shows baseline status indicators.
@bram.usThe verdict: a broken middle toe, right where it connects to my foot. Toes are taped together now, and next week a checkup.
@bram.us😂😂
@bram.usOn its way to getting incinerated.
@bram.usCurrent status: I hit the couch full speed with my right foot, and now two toes are facing the wrong way. Emergency room here I come … 😫🤦♂️
@bram.usBootstrap 6 alpha 1 got announced today: blog.getbootstrap.com/2026/10/08/b...
Great to see how many modern CSS features the project is now leaning into: @property, @layer, @starting-style, oklch(), color-mix(), light-dark(), interpolate-size, :has(), …
(Yes, Bootstrap still is a thing)
@bram.usAnd the Dutch word for fart is "scheet" … the plot thickens!
@bram.usHahaha, brilliant! 😆 (Didn’t know this, and from now I will start using the word toots more often.) Keep on tooting! 💨
@bram.usIt’s a sign that you might be on to something! 😜
@bram.usThe opt-in is using the component. If you don’t want the result to be evaluated, use a regular text (or number) input.
@bram.usThe control deliberately does not accept = symbols and is focused on only accepting the formula. It already uses a mutliple inputs behind the scenes to switch between formula and result. That said, perhaps there could a be live-eval going on that anchors the result to the end of the text somehow.
@lukyvj.bsky.socialReposted by @bram.us@bram.us👀 Ooh, support for `interpolate-size: allow-keywords` and `calc-size()` in Safari Technology Preview 254.
These two allow you to do things like animating elements to `height: auto`.
Check developer.chrome.com/docs/css-ui/... to get the details.
@bram.usNo. The input does not accept the = sign. The whole expression you enter is evaluated.
@rego.bsky.socialReposted by @bram.usaamtest: Testing accessibility in WPT
blogs.igalia.com/mrego/aamtes...
This blog post covers the work @igalia.com has been doing to add a new type of tests in WPT, which allow testing the platform accessibility APIs directly.
Thanks to NLnet Foundation for sponsoring this work.
@bram.usHehe, perhaps I should add that as well 😆
@bram.usSo, today I built `<calc-input>`. It’s a custom input element that accepts mathematical formulas — such as 2 + 3 or (2 + 3) * 4 — and automatically toggles between showing the formula on focus and the calculated result on blur.
@jensimmons.bsky.socialReposted by @bram.usWhat do you want the new default styling to be for HTML fieldset? Here’s what it’s been forever — a box around things, with the legend text placed over the middle of the line at the top left. (See developer.mozilla.org/en-US/docs/W... for more.)
@bram.usReposted by @bram.usRemember Internet Explorer’s “Page Transitions”?
Well, they’re back, thanks to the View Transition API!
→ Blog post: brm.us/page-transit...
→ Demo site: page-transitions.style
The project leverages IE’s meta tags so browser support is not limited to Modern Browsers™ but also includes IE 5.5–8.0 😆
