Frontend

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!)

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

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

/frontend dev (HTML/CSS)・founder/decentralized data wrangler /blockhead・contributor /ethglobal /walletbeat・hackathon bounty hunter・music maker・dropout・nomad・25

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