مقالات
هر عنصری سر جای خودش: نحوه قرار دادن آیتم‌ها در گرید
مکان‌یابی دقیق عناصر در Grid: تعیین جایگاه! 📍 سلام به همه! تا اینجا یاد گرفتیم چطور ساختار کلی یه شبکه‌ی Grid رو با grid-template-columns و grid-template-rows بسازیم و فاصله‌ها رو با gap تنظیم کنیم. اما حالا می‌خوایم بریم سراغ مهم‌ترین...
فاصله‌های تمیز: بهترین راه برای فاصله گذاری در گرید
فاصله‌گذاری جادویی در Grid: `gap`! 🎨 سلام به همگی! وقتی داریم یه شبکه‌ی Grid می‌سازیم، خیلی مهمه که بین آیتم‌ها یه فاصله‌ی مرتب و یکدست داشته باشیم. این فاصله باعث خوانایی بیشتر و زیبایی طرح می‌شه. خوشبختانه، CSS Grid یه...
نقشه‌کشی سایت: تعریف سطرها و ستون‌های گرید
ساخت شبکه با CSS Grid: ستون‌ها و سطرها! 📐 سلام دوستان عزیز! توی جلسه قبل با مفهوم کلی CSS Grid و تفاوتش با Flexbox آشنا شدیم. حالا وقتشه که عمیق‌تر بشیم و ببینیم چطور می‌تونیم یه شبکه (Grid) واقعی بسازیم....
CSS Grid: نسل جدید چیدمان سایت! (طرح‌بندی ۲ بُعدی)
CSS Grid: دنیای جادوی چیدمان دوبعدی! ✨ سلام به همه‌ی علاقه‌مندان به طراحی وب! تا اینجا با قدرتمندترین ابزار چیدمان تک‌بعدی، یعنی Flexbox، حسابی کار کردیم. اما دنیای CSS برای طرح‌بندی، فقط به یه بعد محدود نمی‌شه! امروز می‌خوایم وارد...
ساخت نوبار حرفه‌ای با Flexbox (پروژه گام به گام)
پروژه عملی: ساخت Navbar ریسپانسیو با Flexbox! 🎨 سلام به همگی! تا اینجا کلی در مورد Flexbox یاد گرفتیم. الان وقتشه که دست به کار بشیم و یه پروژه‌ی واقعی بسازیم! قراره یه Navbar (منوی ناوبری) بسازیم که هم زیبا...
کنترل اندازه و ترتیب هر آیتم در فلکس‌باکس
تنظیمات حرفه‌ای آیتم‌ها در Flexbox! 🚀 سلام دوستای هنرمند! تا اینجا یاد گرفتیم چطور کانتینر فلکس رو تنظیم کنیم و چطور آیتم‌ها رو با justify-content و align-items تراز کنیم. اما داستان Flexbox به اینجا ختم نمی‌شه! الان می‌خوایم وارد دنیای...
وسط‌چین کردن محتوا؟ Flexbox یک ثانیه‌ای انجامش می‌دهد!
تراز کردن جادویی: Justify-Content و Align-Items در Flexbox! 🪄 سلام به همگی! تا الان با ابزارهای اولیه‌ی Flexbox آشنا شدیم: چطور یه کانتینر بسازیم، جهت چیدمان رو تعیین کنیم و بدونیم چطور آیتم‌ها اگه جا نشدن، رفتار کنن. اما بزرگترین...
قلب فلکس‌باکس: ۳ ویژگی اصلی ظرف (Container)
تنظیمات کانتینر Flex: چیدمان، جهت و پیچش! 🗂️ سلام دوستان عزیز! توی درس قبلی با دنیای جذاب Flexbox آشنا شدیم و اصطلاحات کلیدیش مثل Flex Container و Flex Items رو یاد گرفتیم. حالا وقتشه که عمیق‌تر بشیم و سه تا...
Flexbox: خداحافظی با چیدمان‌های سخت و درهم! 💪
Flexbox: جادوی چیدمان تک‌بعدی! ✨ سلام به همه‌ی دوستای خلاقم! تا اینجا با روش‌های مختلفی برای چیدمان عناصر آشنا شدیم، ولی امروز می‌خوایم وارد دنیای شگفت‌انگیز Flexbox بشیم. Flexbox (مخفف Flexible Box Layout) یه مدل طرح‌بندی بسیار قدرتمند و انعطاف‌پذیره...