𝗠𝗮𝘁𝗲𝗿𝗶𝗮𝗹 𝗬𝗼𝘂 𝘁𝗿ê𝗻 𝗪𝗲𝗯
Thiết kế của Google trông rất tuyệt vời trên Android. Nó mang lại cảm giác mượt mà. Nó sử dụng màu sắc động và các hình khối bo tròn.
Các nhà phát triển web phải đối mặt với một thực tế khác. Việc đưa những chủ đề này lên trình duyệt tạo ra nhiều rào cản kỹ thuật.
Tôi vừa viết một bài viết mới về việc đưa Material Design 3 lên web. Tôi sẽ xem xét cách nó hoạt động với React và Angular.
Dưới đây là những nội dung tôi đề cập:
- Màu sắc động và SSR: Việc tính toán bảng màu tại thời điểm thực thi (runtime) gây ra nhiều vấn đề. Nó thường dẫn đến hiện tượng chớp nội dung chưa được định dạng (flash of unstyled content).
- Hình học bố cục (Layout geometry): Quản lý các bán kính góc lớn và các shape token mà không làm phá vỡ hệ thống lưới (grid) của bạn.
- Đóng gói design token: Truyền các token tùy chỉnh thông qua các thư viện như MUI hoặc Angular Material.
Hãy tham khảo bài viết này nếu bạn làm việc với CSS variables hoặc theme providers.
Đọc toàn bộ bài viết tại đây: https://dev.to/matin676/the-web-wasnt-built-for-material-you-but-we-build-it-anyway-2gdc