A place for developers to talk about building on Farcaster.

/dev

Frontend

The CSS `attr()` function will soon be upgraded to read values directly from HTML attributes using the CSSOM type system.

Class names, inline `style` attributes, inherited CSS variables and discrete `data-*` attribute values will no longer be your only entry points for specifying CSS style variants in your HTML templates.

https://youtu.be/WcNWf6edIcc

https://developer.chrome.com/blog/advanced-attr

https://caniuse.com/css3-attr

https://developer.mozilla.org/en-US/docs/Web/CSS/attr

Practical examples of the CSS `if()` function used with `style()` queries, `@container` queries, CSS variables and the new `attr()` function.

(You won’t be needing Tailwind pretty soon... if only Firefox and Safari would just ship these things faster!)

https://youtu.be/mvgY3GvcSCo
https://youtu.be/fTdqR9ZmHHU

“CSS isn’t a programming language”

https://farcaster.xyz/darrylyeo/0x51ee5933
https://farcaster.xyz/darrylyeo/0xec257ac7