Material You en la web
El diseño de Google se ve genial en Android. Se siente fluido. Utiliza colores dinámicos y formas redondeadas.
Los desarrolladores web se enfrentan a una realidad diferente. Llevar estos temas a un navegador crea obstáculos técnicos.
He escrito un nuevo artículo sobre cómo llevar Material Design 3 a la web. Analizo cómo funciona con React y Angular.
Esto es lo que cubro:
- Colores dinámicos y SSR: El cálculo de las paletas de colores en tiempo de ejecución causa problemas. A menudo provoca un parpadeo de contenido sin estilo.
- Geometría del diseño: Cómo gestionar radios de esquina grandes y tokens de forma sin romper la cuadrícula.
- Encapsulación de tokens de diseño: Cómo pasar tokens personalizados a través de librerías como MUI o Angular Material.
Utiliza esto si trabajas con variables CSS o proveedores de temas.
Lee el artículo completo aquí: https://dev.to/matin676/the-web-wasnt-built-for-material-you-but-we-build-it-anyway-2gdc