𝗠𝗮𝘁𝗲𝗿𝗶𝗮𝗹 𝗬𝗼𝘂 𝗼𝗻 𝘁𝗵𝗲 𝗪𝗲𝗯
گوگل کا ڈیزائن اینڈرائیڈ پر بہت زبردست لگتا ہے۔ یہ بہت ہموار (fluid) محسوس ہوتا ہے۔ یہ dynamic colors اور rounded shapes کا استعمال کرتا ہے۔
ویب ڈویلپرز کے لیے حقیقت مختلف ہے۔ ان تھیمز کو براؤزر پر لانا تکنیکی رکاوٹیں پیدا کرتا ہے۔
میں نے 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 جیسی لائبریریز کے ذریعے custom tokens پاس کرنا۔
اگر آپ CSS variables یا theme providers کے ساتھ کام کرتے ہیں تو اسے استعمال کریں۔
مکمل آرٹیکل یہاں پڑھیں: https://dev.to/matin676/the-web-wasnt-built-for-material-you-but-we-build-it-anyway-2gdc