#Development #Techniques
The best way to use icons in web UIs · Insert and tweak icons in CSS without touching HTML ilo.im/16gx8a by Lea Verou

_____
#ModernCSS #Icons #Images #SVG #DesignSystems #DesignTokens #Accessibility #WebDev #Frontend #CSS #StyleQueries

Tailwind CSS v4 Dynamic Themes Using Semantic CSS Tokens, by (not found or attributed):

https://www.sitepoint.com/tailwind-css-v4-dynamic-themes/?ref=frontenddogma.com

#tailwind #themes #designtokens

#Design #Approaches
Design tokens need more than semantics · Understand the structure, and the tokens follow ilo.im/16g9id by Nate Baldwin

_____
#Structures #Semantics #DesignSystems #DesignTokens #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend

Typography Scales, by @[email protected]:

https://blog.damato.design/posts/typography-scales/?ref=frontenddogma.com

#typography #css #designtokens #accessibility

En mi flujo guardo los tokens en el repo usando Style Dictionary: exporto JSON desde Figma, genero CSS vars y tipos TS, y el código usa esos mismos nombres. Evita que el handoff “muera”. ¿Tienes algún plugin de sync favorito? #designTokens