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

Web'de 𝗠𝗮𝘁𝗲𝗿𝗶𝗮𝗹 𝗬𝗼𝘂

Google tasarımı Android'de harika görünüyor. Akıcı bir his veriyor. Dinamik renkler ve yuvarlatılmış şekiller kullanıyor.

Web geliştiricileri farklı bir gerçeklikle karşı karşıya. Bu temaları bir tarayıcıya taşımak teknik engeller yaratıyor.

Material Design 3'ü web'e taşıma hakkında yeni bir makale yazdım. React ve Angular ile nasıl çalıştığını inceliyorum.

İşte ele aldığım konular:

• Dinamik renkler ve SSR: Renk paletlerinin çalışma zamanında (runtime) hesaplanması sorunlara yol açıyor. Bu durum genellikle stillendirilmemiş içerik parlamasına (flash of unstyled content) neden oluyor.
• Düzen geometrisi: Izgara yapınızı (grid) bozmadan büyük köşe yarıçaplarını ve şekil belirteçlerini (shape tokens) yönetmek.
• Tasarım belirteci (design token) kapsülleme: Özel belirteçleri MUI veya Angular Material gibi kütüphaneler aracılığıyla iletmek.

CSS değişkenleri veya tema sağlayıcıları (theme providers) ile çalışıyorsanız bunu kullanın.

Makalenin tamamını buradan okuyabilirsiniz: https://dev.to/matin676/the-web-wasnt-built-for-material-you-but-we-build-it-anyway-2gdc