વેબ પર Material You
Google design Android પર ખૂબ જ સરસ લાગે છે. તે પ્રવાહી (fluid) લાગે છે. તે ડાયનેમિક કલર્સ અને ગોળાકાર આકારોનો ઉપયોગ કરે છે.
વેબ ડેવલપર્સ માટે વાસ્તવિકતા અલગ છે. આ થીમ્સને બ્રાઉઝર પર લાવવાથી ટેકનિકલ અવરોધો ઊભા થાય છે.
મેં Material Design 3 ને વેબ પર લાવવા વિશે એક નવો લેખ લખ્યો છે. હું તેમાં React અને Angular સાથે તે કેવી રીતે કામ કરે છે તે તપાસું છું.
હું આ બાબતો આવરી લઉં છું:
- Dynamic colors અને SSR: રનટાઇમ પર કલર પેલેટ્સની ગણતરી કરવાથી સમસ્યાઓ સર્જાય છે. તેના કારણે ઘણીવાર 'flash of unstyled content' જોવા મળે છે.
- Layout geometry: તમારા ગ્રીડને બગાડ્યા વિના મોટા 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