వెబ్లో Material You
Google డిజైన్ Androidలో అద్భుతంగా కనిపిస్తుంది. ఇది చాలా ఫ్లూయిడ్గా ఉంటుంది. ఇది డైనమిక్ రంగులు మరియు గుండ్రని ఆకృతులను ఉపయోగిస్తుంది.
వెబ్ డెవలపర్లు వేరే వాస్తవతను ఎదుర్కొంటారు. ఈ థీమ్లను బ్రౌజర్లోకి తీసుకురావడం సాంకేతిక అడ్డంకులను సృష్టిస్తుంది.
Material Design 3ని వెబ్లోకి తీసుకురావడం గురించి నేను ఒక కొత్త ఆర్టికల్ రాశాను. ఇది React మరియు Angularతో ఎలా పనిచేస్తుందో నేను ఇందులో పరిశీలించాను.
నేను ఇందులో ఏం కవర్ చేశానంటే:
- డైనమిక్ రంగులు మరియు SSR: రన్టైమ్లో కలర్ ప్యాలెట్లను లెక్కించడం వల్ల సమస్యలు వస్తాయి. ఇది తరచుగా unstyled content ఫ్లాష్ (flash of unstyled content)కు దారితీస్తుంది.
- లేఅవుట్ జియోమెట్రీ: మీ గ్రిడ్ను దెబ్బతీయకుండా పెద్ద కార్నర్ రేడియస్లు మరియు షేప్ టోకెన్లను నిర్వహించడం.
- డిజైన్ టోకెన్ ఎన్క్యాప్సులేషన్: MUI లేదా Angular Material వంటి లైబ్రరీల ద్వారా కస్టమ్ టోకెన్లను పంపడం.
మీరు CSS variables లేదా theme providersతో పనిచేస్తుంటే ఇది మీకు ఉపయోగపడుతుంది.
పూర్తి ఆర్టికల్ను ఇక్కడ చదవండి: https://dev.to/matin676/the-web-wasnt-built-for-material-you-but-we-build-it-anyway-2gdc