இணையத்தில் Material You
கூகுள் வடிவமைப்பு ஆண்ட்ராய்டில் (Android) மிகச்சிறப்பாகத் தெரிகிறது. அது மிகவும் இயல்பாகவும் (fluid), டைனமிக் வண்ணங்கள் (dynamic colors) மற்றும் வளைந்த வடிவங்களை (rounded shapes) கொண்டதாகவும் உள்ளது.
இணைய மேம்பாட்டாளர்கள் (Web developers) ஒரு மாறுபட்ட யதார்த்தத்தை எதிர்கொள்கின்றனர். இத்தகைய தீம்களை (themes) ஒரு உலாவியில் (browser) கொண்டு வருவது தொழில்நுட்பத் தடைகளை உருவாக்குகிறது.
Material Design 3-ஐ இணையத்திற்கு கொண்டு வருவது குறித்து நான் ஒரு புதிய கட்டுரையை எழுதியுள்ளேன். இது React மற்றும் Angular ஆகியவற்றுடன் எவ்வாறு செயல்படுகிறது என்பதை நான் இதில் ஆராய்கிறேன்.
நான் இதில் எவற்றைப் பற்றிப் பேசுகிறேன் என்றால்:
- Dynamic colors மற்றும் SSR: Runtime-இல் வண்ணத் தொகுப்புகளைக் (color palettes) கணக்கிடுவது சிக்கல்களை ஏற்படுத்துகிறது. இது பெரும்பாலும் 'flash of unstyled content' நிலைக்கு வழிவகுக்கிறது.
- Layout geometry: உங்கள் கிரிட் (grid) அமைப்பைக் குலைக்காமல், பெரிய மூலை வளைவுகள் (corner radiuses) மற்றும் வடிவ டோக்கன்களை (shape tokens) நிர்வகித்தல்.
- Design token encapsulation: MUI அல்லது Angular Material போன்ற லைப்ரரிகள் (libraries) மூலம் தனிப்பயன் டோக்கன்களை (custom tokens) கடத்துதல்.
நீங்கள் CSS variables அல்லது theme providers உடன் பணிபுரிபவர் என்றால், இது உங்களுக்குப் பயன்படும்.
முழு கட்டுரையை இங்கே படிக்கவும்: https://dev.to/matin676/the-web-wasnt-built-for-material-you-but-we-build-it-anyway-2gdc