Lightnews — Scholar-powered news

Reposted by Bramus

Matthias Ott @matthiasott.com · 13h

✍️ New post: The Lifeblood of the Web

Because conferences are just 🔥🎉💙

#blogtober #web #conferences #community
matthiasott.com/notes/the-li...

The Lifeblood of the Web · Matthias Ott

Matthias Ott is an independent user experience designer and web design engineer from Stuttgart, Germany. He also teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design.

matthiasott.com

2 7 15

Bramus @bram.us · 55m

@nomster.bsky.social pointed out that a `custom.css` has privacy implications as well.

I recall Arc exposing custom props for its color theme (such as `--arc-palette-title`, ), which could be used to 1) Detect Arc but also to 2) Uniquely identify and track Arc users across the web.

1

Reposted by Bramus

Brecht De Ruyte @utilitybend.com · 5h

🚀As a case study, I tried to recreate the famous Guess Who game with built-in AI and the Prompt API. It was a really interesting experience, to say the least.
My heart is at CSS & UI, and always will be. However, I do love to experiment with a variety of (web)technologies 😄 Read all about it

Build a guessing game with the Prompt API | Blog | Chrome for Developers

My game of Guess Who demonstrates how AI can be used to build thoughtful game logic, and the importance of prompt engineering to get the outcomes you expect.

developer.chrome.com

1 1 4

Reposted by Bramus

Sara Soueidan @sarasoueidan.com · 5h

This talk by @nerdy.dev is a wonderful presentation of why CSS is awesome and why we love it so much www.youtube.com/watch?v=QW6G...

Just look at what's possible with #CSS today

And the format is great for the impatient ones (myself included). Right speed, right transitions (pun intended 😉)

Adam Argyle - 25 new & rad feature of CSS

YouTube video by CascadiaJS

www.youtube.com

1 5 39

Bramus @bram.us · 23h

Ooh, #TIL!

1

Bramus @bram.us · 1d

FWIW: there are extensions that allow you to set custom CSS on all/specific sites.

The injected CSS is Author-origin, though, so you'll most likely need to bump up the specificity of your selectors or slap some !important's on some (all?) declarations.

1

Bramus @bram.us · 1d

Many browsers _did_ support it back in the day, but moved away for <reasons>.

I don't know the details, but one thing that immediately comes to mind could be security. If a UA offers a custom sheet (at a fixed location), it'd be easy for malware to abuse this.

2 1

Reposted by Bramus

Aleksandr @aleksandrhovhannisyan.com · 1d

> Writing an article

> Hey I should explain some background knowledge first

> Hmm, maybe that should be its own article

> Neither article gets written

2 4 44

Bramus @bram.us · 1d

Out of curiosity, what would you put in your user-origin stylesheet?

(Side note: css-cascade-6 is the latest level of that spec — drafts.csswg.org/css-cascade-... — so there's more steps in the cascade nowadays)

3

Bramus @bram.us · 1d

IIRC it was possible at one time in Chrome, but the option got removed and replaced with some controls such as a slider to control the default font-size to use.

This predates my time at Chrome, so I don't l know the backstory there.

1 1

Bramus @bram.us · 1d

How UAs let you define the contents that goes in the user-origin is not defined anywhere, as that's an implementation detail.

Some browsers could offer a CLI flag that points to a file, others could use a textbox, others could let you refer to a file from the settings, etc.

1

Reposted by Bramus

Sara Soueidan @sarasoueidan.com · 5d

OK @kevinpowell.co has written what has to be one of the best (if not THE best) practical article to #CSS colors I have read in a while. piccalil.li/blog/a-pragm...

Easy to read, practical examples, and *perfect* for someone like me who's fallen behind and hasn't kept up with all the new stuff.

A pragmatic guide to modern CSS colours - part one

Whether you've got a firm grasp on modern CSS colour capabilities, or you're thinking 'I struggle to understand why I should use modern CSS colours at all', then the first part of this article series,...

piccalil.li

5 30 150

Reposted by Bramus

Sam Rose @samwho.dev · 2d

Oh shit, I needed this just recently but didn’t know it existed, so used aria-live.

denodell.com/blog/html-be...

HTML’s Best Kept Secret: The output Tag

Make your dynamic content accessible by default with the HTML tag that time forgot.

denodell.com

3 12 59

Reposted by Bramus

Katie Fenn @katiefenn.bsky.social · 3d

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 · 3d

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

7 29

Reposted by Bramus

Chris Coyier @chriscoyier.net · 3d

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

I'll blog it eventually. modern CSS rules.

8 4 130

Reposted by Bramus

Scott Tolinski @tolin.ski · 3d

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

6 11 91

Bramus @bram.us · 3d

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

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

1

Reposted by Bramus

firefoxdevtools.bsky.social @firefoxdevtools.bsky.social · 3d

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

16 110 220

Reposted by Bramus

Bramus @bram.us · 5d

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

7 24

Reposted by Bramus

Jeremy Keith @adactio.com · 4d

Journal: Simplify

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

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

1 5 22

Bramus @bram.us · 4d

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 · 4d

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 · 5d

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

7 24

Bramus @bram.us · 5d

I would have guessed that 😁

4

Bramus @bram.us · 5d

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

1