Lightnews — Scholar-powered news

Reposted by Bramus

Katie Fenn @katiefenn.bsky.social · 21h

Hey #WDC2025, if you want a talk to watch on the way home, my talk from @heypresents.com was published today!

I make some Daft Punk with a MIDI controller and a web browser.

Hey! Presents @heypresents.com · 21h

Not only that, but we managed to interrupt a movie playing in the screen next door with the volume of the demo. It certainly woke us all up before heading off to the social. It sounded incredible! Watch the talk and find out more here:

heypresents.com/talks/around...

Around the wwworld: Web MIDI, Web AUDIO and what the web does best

So, you don't use the Web Audio and Web MIDI APIs in your day job - does that mean they have nothing important to tell us about the nature of the Web? Think again! Katie Fenn takes us on a tour of the...

heypresents.com

5 16

Reposted by Bramus

Chris Coyier @chriscoyier.net · 1d

rawdogging some shape() to build "round out" tabs.

I'll blog it eventually. modern CSS rules.

8 4 120

Reposted by Bramus

Scott Tolinski @tolin.ski · 1d

I've been so annoyed by AI tools and CSS that I made a CSS MCP that:

* consults with MDN for docs
* reports browser compat
* uses project Wallace to analyze your CSS

github.com/stolinski/cs...

Also made claude code agent for css but still perfecting it.

GitHub - stolinski/css-mcp

Contribute to stolinski/css-mcp development by creating an account on GitHub.

github.com

5 9 82

Bramus @bram.us · 1d

Ah, that would explain it indeed. Thanks for the info.

(Should I file a bug or have you already logged something (internally)?)

Reposted by Bramus

firefoxdevtools.bsky.social @firefoxdevtools.bsky.social · 1d

As an experiment, we (the Firefox team) wanted to try a new way to get feedback on which Interop proposals matter most.

So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion.

interop-rank.jakearchibald.com

Interop Feature Ranking

Rank the web platform features you care most about

interop-rank.jakearchibald.com

15 100 210

Reposted by Bramus

Bramus @bram.us · 2d

A lot has happened since Chrome shipped Same-Document View Transitions in 2023.

In 2024 we shipped Cross-Document VTs, added refinements such as `view-transition-class` and VT Types, and also welcomed Safari in adding VT support.

And this year … well, I wrote a post summing it all up.

What's new in view transitions (2025 update) | Blog | Chrome for Developers

An overview of what changed for View Transitions in 2025

developer.chrome.com

6 23

Reposted by Bramus

Jeremy Keith @adactio.com · 1d

Journal: Simplify

Reminding myself just how much you can do with CSS these days.

🔗https://adactio.com/journal/22178

1 5 21

Bramus @bram.us · 2d

I see you featured --light-dark() which, I guess, you got from my blog.

Worth noting is that the code doesn't actually work right now, because the `color-scheme()` query-fn isn't implemented in any browser yet.

Also note that the color-scheme property can be set on _any_ element, not just :root.

1

Reposted by Bramus

Tim Kadlec @tkadlec.bsky.social · 2d

Got the slides up now. noti.st/tkadlec/gIzx...

One Step Ahead by Tim Kadlec

As the web grows more powerful, so do user expectations. What feels fast today will be slow tomorrow, and meeting current performance standards will soon be the bare minimum. The real winners will be ...

noti.st

1 2 4

Bramus @bram.us · 2d

A lot has happened since Chrome shipped Same-Document View Transitions in 2023.

In 2024 we shipped Cross-Document VTs, added refinements such as `view-transition-class` and VT Types, and also welcomed Safari in adding VT support.

And this year … well, I wrote a post summing it all up.

What's new in view transitions (2025 update) | Blog | Chrome for Developers

An overview of what changed for View Transitions in 2025

developer.chrome.com

6 23

Bramus @bram.us · 3d

I would have guessed that 😁

4

Bramus @bram.us · 3d

And from the more recent, non-math, functions, which do you like?

1

Bramus @bram.us · 3d

And from the more recent, non-math, functions, which do you like?

1

Bramus @bram.us · 3d

And from the more recent, non-math, functions, which do you like?

1 1

Bramus @bram.us · 3d

What are your favorite CSS functions?

25 4 22

Reposted by Bramus

Bruce Lawson @brucel.bsky.social · 3d

AT #smashingconf, @tkadlec.bsky.social is reminding us that betting on the browser (rather than JavaScript abstractions) is our best chance of long-term success.

1 8 37

Reposted by Bramus

Patrick Brosset @patrickbrosset.com · 3d

I gave a lightning talk at yesterday’s @smashingconf.com Jam session on CSS masonry. Here are my slides.

In short: Masonry isn’t only for Pinterest-style layouts, doing Masonry on the web today is hard, but built-in Masonry support is coming to browsers very soon!

Patrick - Talks

Talks

patrickbrosset.com

3 8 15

Reposted by Bramus

CSS by T. Afif @css-only.dev · 4d

Here is my idea with less of code

css-tip.com/tooltip-anch...

The trick is to play with the margin property to show/hide the arrows.

cc @una.im @bram.us

12 46

Bramus @bram.us · 4d

👀

1

Bramus @bram.us · 4d

Anchor(ed) queries are set to ship next month in Chrome 143.

```
#anchored {
position-try-options: flip-block;
container-type: anchored;
}

@container anchored(fallback: flip-block) {
#anchored > .arrow {
--arrow-rotation: 180deg;
}
}
```

Demo by @una.im: codepen.io/una/pen/ZYbz...

Anchor Queries - Reposition tether arrow (Chrome 139+)

...

codepen.io

3

Bramus @bram.us · 4d

This solution by Niels to “making the arrow point to the anchor” is quite clever!

In Chrome you’ll soon be able to use a new anchor() style query that allows you to query which position-try-fallback is currently being used, and style the (one) tether based on that.

Niels Leenheer @html5test.com · 4d

I was reading through the CSS Anchored Position spec and I just could not figure out how to make a tooltip that points towards the anchor. To me that was kind of an obvious requirement as this is a really common pattern for tooltips.

This is what I ended up with:
codepen.io/NielsLeenhee...

Anchored Positioning Tip pointing to anchor

...

codepen.io

1 16

Reposted by Bramus

Rick Byers @rbyers.net · 7d

I believe it's fundamentally impossible to ship Chrome on iOS meeting the same high quality bar we have on other platforms when we are forced to rely on WKWebView and very slow and unreliable issue handling.

1 4 21

Bramus @bram.us · 7d

Wonderful sketchnotes of a lovely evening. Thanks for that!

3

Reposted by Bramus

Jeroen Heijmans @jeroenheijmans.nl · 7d

Back home from #Fronteers "Dark Mode" evening conference, MC'd by @bram.us - taking a moment to share my sketch notes in this thread before tucking in!

1 2 4

Bramus @bram.us · 7d

At #fronteers #DarkMode, @utilitybend.com proposed the HTML Element.

It unlocks the multi-handle range slider, a pattern you might have already seen when picking a price-range.

Feedback Form (with links to the explainer and demos): docs.google.com/forms/u/0/d/...

Brecht on stage showing some of the demos.

2 7 43