Post

Zoom, zoom! Made a demo/docs site for my utility web component css-var-bind. If you've got any suggestions for neat demos/examples, do know that they are appreciated. jberglund.github.io/css-var-bind/ Repo here: github.com/jberglund/cs...

jberglund.github.iocss-var-bind - Interactive Demo

11/2/26, 8:47 pm0 reposts2 likes

Joe Pea

@joe.trusktr.io

18 Feb

This is interesting. Can it go the other way around from CSS to JS to?

Jacob Berglund

@jacobberglund.com

19 Feb

Like, you update a variable and the input changes?

Jacob Berglund

@jacobberglund.com

19 Feb

If you just want a variable from CSS to JS, have a look at github.com/bramus/style... But I suppose the component I made could emit an event with the name, value and unit. 😁

github.comGitHub - bramus/style-observer: MutationObserver for CSS. Get notified when the computed value of a CSS property changes.MutationObserver for CSS. Get notified when the computed value of a CSS property changes. - bramus/style-observer

Joe Pea

@joe.trusktr.io

28 Feb

Yeah that's what I was wondering about. It's tricky to observe CSS state in JS. It involves putting MutationObservers in all trees (f.e. shadow trees), monkey patching global APIs that MutationObserver might not catch, observing animation events, creating animation frame loops for animations, etc.