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

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

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