वेब पर मटेरियल यू

वेब पर Material You

Google का डिज़ाइन Android पर बहुत शानदार दिखता है। यह काफी fluid महसूस होता है। इसमें dynamic colors और rounded shapes का उपयोग किया जाता है।

वेब डेवलपर्स के लिए वास्तविकता अलग है। इन थीम्स को ब्राउज़र पर लाना तकनीकी बाधाएं पैदा करता है।

मैंने Material Design 3 को वेब पर लाने के बारे में एक नया लेख लिखा है। इसमें मैंने देखा है कि यह React और Angular के साथ कैसे काम करता है।

इसमें मैं इन विषयों को कवर करता हूँ:

• Dynamic colors और SSR: runtime पर color palettes की गणना करने से समस्याएँ आती हैं। इससे अक्सर 'flash of unstyled content' की स्थिति पैदा हो जाती है।
• Layout geometry: अपने ग्रिड को खराब किए बिना बड़े corner radiuses और shape tokens को मैनेज करना।
• Design token encapsulation: MUI या Angular Material जैसी लाइब्रेरीज़ के माध्यम से custom tokens को पास करना।

यदि आप CSS variables या theme providers के साथ काम करते हैं, तो यह आपके काम आएगा।

पूरा लेख यहाँ पढ़ें: https://dev.to/matin676/the-web-wasnt-built-for-material-you-but-we-build-it-anyway-2gdc