ವೆಬ್ನಲ್ಲಿ Material You
Google ವಿನ್ಯಾಸವು Android ನಲ್ಲಿ ಅದ್ಭುತವಾಗಿ ಕಾಣುತ್ತದೆ. ಇದು ಸುಗಮವಾಗಿ (fluid) ಇರುತ್ತದೆ. ಇದು ಡೈನಾಮಿಕ್ ಬಣ್ಣಗಳು ಮತ್ತು ದುಂಡಗಿನ ಆಕಾರಗಳನ್ನು ಬಳಸುತ್ತದೆ.
ವೆಬ್ ಅಭಿವೃದ್ಧಿಪಡಿಸುವವರು (Web developers) ವಿಭಿನ್ನ ವಾಸ್ತವವನ್ನು ಎದುರಿಸುತ್ತಾರೆ. ಈ ಥೀಮ್ಗಳನ್ನು ಬ್ರೌಸರ್ನಲ್ಲಿ ತರುವುದು ತಾಂತ್ರಿಕ ಅಡೆತಡೆಗಳನ್ನು ಉಂಟುಮಾಡುತ್ತದೆ.
Material Design 3 ಅನ್ನು ವೆಬ್ಗೆ ತರುವ ಬಗ್ಗೆ ನಾನು ಹೊಸ ಲೇಖನವನ್ನು ಬರೆದಿದ್ದೇನೆ. ಇದು React ಮತ್ತು Angular ನೊಂದಿಗೆ ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ ಎಂಬುದನ್ನು ನಾನು ಇಲ್ಲಿ ವಿವರಿಸಿದ್ದೇನೆ.
ನಾನು ಇದರಲ್ಲಿ ಒಳಗೊಂಡಿರುವ ವಿಷಯಗಳು ಇಲ್ಲಿವೆ:
- Dynamic colors ಮತ್ತು SSR: रनಟೈಮ್ನಲ್ಲಿ ಕಲರ್ ಪ್ಯಾಲೆಟ್ಗಳನ್ನು ಲೆಕ್ಕಾಚಾರ ಮಾಡುವುದು ಸಮಸ್ಯೆಗಳನ್ನು ಉಂಟುಮಾಡುತ್ತದೆ. ಇದು ಹೆಚ್ಚಾಗಿ '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