Material You در وب
طراحی گوگل در اندروید عالی به نظر میرسد. حس روانی دارد و از رنگهای پویا و اشکال گرد استفاده میکند.
توسعهدهندگان وب با واقعیت متفاوتی روبرو هستند. آوردن این تمها به مرورگر، چالشهای فنی ایجاد میکند.
من مقاله جدیدی درباره انتقال Material Design 3 به وب نوشتهام. در آن بررسی میکنم که این سیستم چگونه با React و Angular کار میکند.
آنچه در این مقاله پوشش میدهم:
- رنگهای پویا و SSR: محاسبه پالتهای رنگی در زمان اجرا (runtime) باعث بروز مشکلاتی میشود که اغلب منجر به نمایش لحظهای محتوای بدون استایل (flash of unstyled content) میگردد.
- هندسه چیدمان: مدیریت شعاعهای بزرگ گوشهها و توکنهای شکل بدون بههم ریختن گرید (grid) شما.
- کپسولهسازی توکنهای طراحی: انتقال توکنهای سفارشی از طریق کتابخانههایی مانند MUI یا Angular Material.
اگر با متغیرهای CSS یا theme providerها کار میکنید، این مطلب برای شما مفید خواهد بود.
مقاله کامل را اینجا بخوانید: https://dev.to/matin676/the-web-wasnt-built-for-material-you-but-we-build-it-anyway-2gdc