𝗠𝗮𝘁𝗲𝗿𝗶𝗮𝗹 𝗬𝗼𝘂 𝗼𝗻 𝘁𝗵𝗲 𝗪𝗲𝗯

𝗠𝗮𝘁𝗲𝗿𝗶𝗮𝗹 𝗬𝗼𝘂 𝗻𝗮 𝗪𝗲𝗯

O design do Google fica ótimo no Android. Ele parece fluido. Utiliza cores dinâmicas e formas arredondadas.

Desenvolvedores web enfrentam uma realidade diferente. Trazer esses temas para um navegador cria obstáculos técnicos.

Escrevi um novo artigo sobre levar o Material Design 3 para a web. Analiso como ele funciona com React e Angular.

Aqui está o que eu abordo:

• Cores dinâmicas e SSR: Calcular paletas de cores em tempo de execução causa problemas. Isso frequentemente resulta em um flash de conteúdo sem estilo.
• Geometria de layout: Gerenciar grandes raios de curvatura e tokens de forma sem quebrar seu grid.
• Encapsulamento de design tokens: Passar tokens personalizados através de bibliotecas como MUI ou Angular Material.

Use isto se você trabalha com variáveis CSS ou theme providers.

Leia o artigo completo aqui: https://dev.to/matin676/the-web-wasnt-built-for-material-you-but-we-build-it-anyway-2gdc