Ancestors

Toot

Written by Adam Argyle on 2025-01-17 at 16:52

[#]CSS advanced attr()

Unlocking new ways to integrate with CSS from your HTML

https://nerdy.dev/advanced-attr

=> View attached media

=> More informations about this toot | More toots from argyleink@front-end.social

Descendants

Written by Jelmer on 2025-01-17 at 17:15

@argyleink This CSS feature is really really cool! Though inventing custom attribute names without data- is something we want to avoid generally

=> More informations about this toot | More toots from jelmerdemaat@mastodon.social

Written by Adam Argyle on 2025-01-17 at 18:01

@jelmerdemaat indeed, and especially avoid inventing custom attributes that don't have a -.

worth mentioning too that the data- prefix gets you included in element.dataset; very handy

=> More informations about this toot | More toots from argyleink@front-end.social

Written by Paweł Grzybek on 2025-01-17 at 19:35

@argyleink Uuuu thats a nice one! New attr() features are super powerful, and I am just waiting for new patterns we will explore soon.

https://mastodon.social/@pawelgrzybek/113843980110588700

=> More informations about this toot | More toots from pawelgrzybek@mastodon.social