𝗠𝗮𝘁𝗲𝗿𝗶𝗮𝗹 𝗬𝗼𝘂 𝗼𝗻 𝘁𝗵𝗲 𝗪𝗲𝗯
Google चे डिझाइन Android वर खूप छान दिसते. ते अतिशय प्रवाही (fluid) वाटते. ते डायनॅमिक कलर्स आणि गोलाकार आकारांचा वापर करते.
वेब डेव्हलपर्सना मात्र वेगळ्या वास्तवाचा सामना करावा लागतो. हे थीम्स ब्राउझरमध्ये आणताना तांत्रिक अडचणी निर्माण होतात.
मी Material Design 3 वेबवर कसे आणता येईल याबद्दल एक नवीन लेख लिहिला आहे. यामध्ये मी React आणि Angular सोबत ते कसे काम करते, याचा आढावा घेतला आहे.
मी यामध्ये खालील गोष्टींचा समावेश केला आहे:
- Dynamic colors आणि SSR: रनटाइमला कलर पॅलेट्स (color palettes) मोजल्यामुळे समस्या निर्माण होतात. यामुळे अनेकदा 'flash of unstyled content' सारख्या समस्या उद्भवतात.
- Layout geometry: तुमचे ग्रिड (grid) बिघडवून न टाकता मोठे corner radiuses आणि shape tokens व्यवस्थापित करणे.
- Design token encapsulation: MUI किंवा Angular Material सारख्या लायब्ररीद्वारे कस्टम टोकन्स पास करणे.
जर तुम्ही CSS variables किंवा theme providers सोबत काम करत असाल, तर याचा वापर करा.
संपूर्ण लेख येथे वाचा: https://dev.to/matin676/the-web-wasnt-built-for-material-you-but-we-build-it-anyway-2gdc