𝗠𝗮𝘁𝗲𝗿𝗶𝗮𝗹 𝗬𝗼𝘂 𝗱𝗶 𝗪𝗲𝗯
Reka bentuk Google kelihatan hebat pada Android. Ia terasa lancar. Ia menggunakan warna dinamik dan bentuk membulat.
Pembangun web menghadapi realiti yang berbeza. Membawa tema-tema ini ke pelayar web mewujudkan rintangan teknikal.
Saya telah menulis artikel baharu tentang memindahkan Material Design 3 ke web. Saya meneliti bagaimana ia berfungsi dengan React dan Angular.
Berikut adalah perkara yang saya bincangkan:
- Warna dinamik dan SSR: Pengiraan palet warna semasa waktu larian (runtime) menyebabkan masalah. Ia sering mengakibatkan paparan kandungan tanpa gaya (flash of unstyled content).
- Geometri susun atur: Menguruskan jejari bucu (corner radius) yang besar dan token bentuk tanpa merosakkan grid anda.
- Enkapsulasi token reka bentuk: Menghantar token tersuai melalui pustaka seperti MUI atau Angular Material.
Gunakan ini jika anda bekerja dengan pemboleh ubah CSS atau pembekal tema (theme providers).
Baca artikel penuh di sini: https://dev.to/matin676/the-web-wasnt-built-for-material-you-but-we-build-it-anyway-2gdc