خب حالا که رفتید تمرین کردید(😔)، اگه میخواید نمونهکار واقعی بزنید برید فیگمای این آقا رو چک کنید:
کلی قالب استاندارد داره که تو هر کدوم حالتهای مختلف موبایل و لپتاپ و دسکتاپ رو طراحی کرده.
#Design #Portfolio #Figma
@CleverDevs @CleverDevsGp
https://www.figma.com/@praha
کلی قالب استاندارد داره که تو هر کدوم حالتهای مختلف موبایل و لپتاپ و دسکتاپ رو طراحی کرده.
#Design #Portfolio #Figma
@CleverDevs @CleverDevsGp
1❤28👍7🔥5👌2💔2
Typography Responsive
بجای استفاده از مدیا کوئری،
یه تکنیک برای ریسپانسیو کردن تایپوگرافیها اینه که:
1. فونتسایز اون متن توی کوچیکترین حالت سایت رو بدست میارید
مثلا کوچیکترین حالت 320px هست و فونتسایز اون متن هم تو این حالت 16px.
2. همینکارو برای بزرگترین حالت هم انجام میدیم مثلا 1280px حداکثر سایز سایته و تو این حالت فونتسایز 28px هست.
3. حالا این اطلاعات رو طبق عکس وارد این سایت میکنیم:
Fluid Typography Calculator
4. و بوم یه فانکشن clamp بهمون میده و فونتسایز اون متن رو برابر باهاش قرار میدیم.
#Design #CSS #Tool
@CleverDevs @CleverDevsGp
👍19❤6👌4⚡2