Material You op het web
Google-ontwerp ziet er geweldig uit op Android. Het voelt vloeiend aan. Het maakt gebruik van dynamische kleuren en afgeronde vormen.
Webontwikkelaars hebben te maken met een andere realiteit. Het implementeren van deze thema's in een browser zorgt voor technische hindernissen.
Ik heb een nieuw artikel geschreven over het naar het web brengen van Material Design 3. Ik kijk naar hoe dit werkt met React en Angular.
Dit is wat ik behandel:
- Dynamische kleuren en SSR: Het berekenen van kleurenpaletten tijdens runtime veroorzaakt problemen. Dit leidt vaak tot een 'flash of unstyled content'.
- Layout-geometrie: Het beheren van grote hoekradii en shape tokens zonder je grid te verstoren.
- Encapsulatie van design tokens: Het doorgeven van aangepaste tokens via bibliotheken zoals MUI of Angular Material.
Gebruik dit als je werkt met CSS-variabelen of theme providers.
Lees het volledige artikel hier: https://dev.to/matin676/the-web-wasnt-built-for-material-you-but-we-build-it-anyway-2gdc