👈🏻 ارتباط با من: @codelines_support 🔅
عرفان رضایی هستم ❤️
و اینجا خیلی ساده بهت یاد میدم
چطوری اصولی #برنامه_نویسی #فرانت_اند یاد بگیری 💻✨
که هم لذت ببری و هم وارد بازار کار بشی
😍🥇
@satisfaction_codelines 👈 نتایج و رضایت دوره
آدرس سایت 👈🏻: codelines.ir
Post #5220
281
🔥 ۳ ترفند CSS خفن و کاربردی که کمتر کسی استفاده می‌کنه!
اگر CSS کار می‌کنی، این ۳ مورد رو حتماً ذخیره کن 👇
1️⃣ سایز متن رو هوشمند کن با clamp()
📱 متن بین موبایل و دسکتاپ خودش متناسب میشه؛ بدون Media Query
2️⃣نسبت تصویر رو همیشه ثابت نگه دارگه دار
🔥 برای کارت‌های محصول، گالری و Thumbnail فوق‌العا
3️⃣ متن‌های چندخطی رو حرفه‌ای‌تر کن
✨ مرورگر خطوط عنوان رو متعادل‌تر می‌چینه و ظاهر UI تمیزتر میشه.
💡و CSS فقط رنگ و فاصله نیست؛ وقتی ابزارهای جدیدش رو بشناسی، خیلی از کارها بدون JavaScript انجام میشن.
اگر CSS کار می‌کنی، این ۳ مورد رو حتماً ذخیره کن 👇
1️⃣ سایز متن رو هوشمند کن با clamp()
h1 {
font-size: clamp(2rem, 5vw, 4rem);
}📱 متن بین موبایل و دسکتاپ خودش متناسب میشه؛ بدون Media Query
2️⃣نسبت تصویر رو همیشه ثابت نگه دارگه دار
img {
aspect-ratio: 16 / 9;
object-fit: cover;
}🔥 برای کارت‌های محصول، گالری و Thumbnail فوق‌العا
3️⃣ متن‌های چندخطی رو حرفه‌ای‌تر کن
h2 {
text-wrap: balance;
}✨ مرورگر خطوط عنوان رو متعادل‌تر می‌چینه و ظاهر UI تمیزتر میشه.
💡و CSS فقط رنگ و فاصله نیست؛ وقتی ابزارهای جدیدش رو بشناسی، خیلی از کارها بدون JavaScript انجام میشن.
- ❤🔥 1
- 👏 1
