Material You على الويب
يبدو تصميم Google رائعاً على Android؛ فهو يتميز بالانسيابية، ويستخدم ألواناً ديناميكية وأشكالاً مستديرة.
لكن مطوري الويب يواجهون واقعاً مختلفاً، حيث يفرض نقل هذه السمات إلى المتصفح عقبات تقنية.
لقد كتبتُ مقالاً جديداً حول نقل Material Design 3 إلى الويب، وأستعرض فيه كيفية عمله مع React و Angular.
إليك ما سأتناوله:
- الألوان الديناميكية و SSR: تسبب عملية حساب لوحات الألوان أثناء التشغيل (runtime) مشكلات، وغالباً ما تؤدي إلى ظهور وميض للمحتوى غير المنسق (flash of unstyled content).
- هندسة التخطيط (Layout geometry): إدارة زوايا الانحناء الكبيرة ورموز الأشكال (shape tokens) دون الإخلال بنظام الشبكة (grid) الخاص بك.
- تغليف رموز التصميم (Design token encapsulation): تمرير الرموز المخصصة عبر مكتبات مثل MUI أو Angular Material.
استخدم هذا المقال إذا كنت تعمل مع متغيرات CSS أو مزودي السمات (theme providers).
اقرأ المقال كاملاً من هنا: https://dev.to/matin676/the-web-wasnt-built-for-material-you-but-we-build-it-anyway-2gdc