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

Material You באינטרנט

העיצוב של Google נראה נהדר ב-Android. הוא מרגיש זורם. הוא משתמש בצבעים דינמיים ובצורות מעוגלות.

מפתחי ווב מתמודדים עם מציאות שונה. הבאת התמות הללו לדפדפן יוצרת מכשולים טכניים.

כתבתי מאמר חדש על העברת Material Design 3 לאינטרנט. אני בוחן כיצד זה עובד עם React ו-Angular.

הנה מה שאני מכסה:

• צבעים דינמיים ו-SSR: חישוב פלטות צבע בזמן ריצה גורם לבעיות. זה מוביל לעיתים קרובות להבהוב של תוכן ללא עיצוב (flash of unstyled content).
• גיאומטריית פריסה (Layout geometry): ניהול רדיוס פינות גדול ו-shape tokens מבלי לשבור את הגריד שלכם.
• אנקפסולציה של design tokens: העברת טוקנים מותאמים אישית דרך ספריות כמו MUI או Angular Material.

השתמשו בזה אם אתם עובדים עם משתני CSS או theme providers.

קראו את המאמר המלא כאן: https://dev.to/matin676/the-web-wasnt-built-for-material-you-but-we-build-it-anyway-2gdc