CSS

چیدمان، طراحی واکنش‌گرا و استایل‌دهیِ مقیاس‌پذیر.

۳ مقاله

پنج قاعدهٔ CSS که برای یک دکمه با هم رقابت می‌کنند و معیارهای مرورگر تعیین می‌کنند کدام برنده است
CSSمتوسط

آبشار و Specificity در CSS: چرا استایل‌هایتان اعمال نمی‌شوند

وقتی دو قاعدهٔ CSS با هم مخالف‌اند، مرورگر برای انتخاب برنده از مجموعه‌ای از قواعدِ دقیق پیروی می‌کند. یاد بگیرید آبشار چطور تصمیم می‌گیرد، specificity را با دست حساب کنید و دیگر سراغ !important نروید.

۷ دقیقه مطالعه
لایه‌های یک صفحهٔ وب به‌شکل سه‌بعدی: یک مودال با z-index 9999 که داخل لایه‌ای زیرِ هدر سایت گیر افتاده
CSSپیشرفته

Stacking Context در CSS: چرا z-index: 9999 کار نمی‌کند

ویژگی z-index یک رتبه‌بندیِ سراسری نیست. فقط عنصرهای داخل یک stacking context را با هم مقایسه می‌کند، و ده‌ها ویژگی بی‌صدا context تازه می‌سازند. ترتیب رسم را یاد بگیرید، contextی را که عنصرتان در آن گیر افتاده پیدا کنید و باگ‌های هم‌پوشانی را برای همیشه حل کنید.

۸ دقیقه مطالعه
جعبه‌های Flexbox در یک سطر، کنار گریدی از جعبه‌ها که در سطرها و ستون‌ها گسترده شده‌اند
CSSمبتدی

Flexbox یا Grid در CSS: کدام را کِی استفاده کنیم

Flexbox و Grid هر دو عناصر را چیدمان می‌کنند، اما متفاوت فکر می‌کنند. قانون یک‌بعدی در برابر دوبعدی را یاد بگیرید و با هر کدام چیدمان‌های واقعی بسازید.

۵ دقیقه مطالعه