ਵੈੱਬ 'ਤੇ Material You
Google ਦਾ ਡਿਜ਼ਾਈਨ Android 'ਤੇ ਬਹੁਤ ਵਧੀਆ ਲੱਗਦਾ ਹੈ। ਇਹ ਬਹੁਤ fluid ਮਹਿਸੂਸ ਹੁੰਦਾ ਹੈ। ਇਹ dynamic ਰੰਗਾਂ ਅਤੇ rounded shapes ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ।
ਵੈੱਬ ਡਿਵੈਲਪਰਾਂ ਲਈ ਹਕੀਕਤ ਵੱਖਰੀ ਹੈ। ਇਹਨਾਂ ਥੀਮਾਂ ਨੂੰ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਲਿਆਉਣਾ ਤਕਨੀਕੀ ਰੁਕਾਵਟਾਂ ਪੈਦਾ ਕਰਦਾ ਹੈ।
ਮੈਂ Material Design 3 ਨੂੰ ਵੈੱਬ 'ਤੇ ਲਿਆਉਣ ਬਾਰੇ ਇੱਕ ਨਵਾਂ ਲੇਖ ਲਿਖਿਆ ਹੈ। ਮੈਂ ਇਸ ਦੀ ਜਾਂਚ ਕੀਤੀ ਹੈ ਕਿ ਇਹ React ਅਤੇ Angular ਨਾਲ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ।
ਇੱਥੇ ਮੈਂ ਇਹਨਾਂ ਵਿਸ਼ਿਆਂ ਨੂੰ ਕਵਰ ਕੀਤਾ ਹੈ:
- Dynamic ਰੰਗ ਅਤੇ SSR: Runtime 'ਤੇ color palettes ਦੀ ਗਣਨਾ ਕਰਨ ਨਾਲ ਸਮੱਸਿਆਵਾਂ ਆਉਂਦੀਆਂ ਹਨ। ਇਸ ਨਾਲ ਅਕਸਰ 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