‏چیزایی که هنوز جای خالیشون تو لایوت CSS حس می‌شه

نویسنده می‌گه مدتی وقت گذاشته و بازخوردها رو درباره چیدمان (layout) تو CSS جمع کرده، با دو تا هدف: اول اینکه ببینه آدما کجا بیشتر اذیت می‌شن، دوم اینکه ببینه چی تو CSS کمه. برای بخش اول رفته سراغ نتایج نظرسنجی State of CSS 2025 و مخصوصاً روی Grid و Flexbox تمرکز کرده که بالاترین جوابای سوال «نقطه‌دردهای چیدمان» بودن. برای بخش دوم هم یه نظرسنجی کوچیک تو ماستودون، بلواسکای و لینکدین راه انداخته.

درباره Grid نویسنده می‌گه خیلیا حسشون اینه که یادگیریش سخت و غیرشهودیه و پرگوئه. یادآوری سینتکس (مثل grid-template-* و شورتهندهای پیچیده)، فهمیدن مدل ذهنی (track، area، گرید صریح در برابر ضمنی) و اینکه کدوم پراپرتی مال والده و کدوم مال فرزند، آدمو گیج می‌کنه. حتی چیدمان‌های ساده هم زیادی پرحرف به نظر می‌رسن و کارای رایج مثل داشبوردهای با بخش ثابت و سیال، یا اسلایدرهای هم‌تراز با گرید هنوز سختن.

درباره Flexbox هم می‌گه برای کارای پایه راحته ولی تو حالتای متوسط و پیشرفته زود می‌شکنه. مدل ذهنی محور اصلی و فرعی و فرق justify-* با align-* که به جهت هم وابسته‌ست، خیلیا رو سردرگم می‌کنه. رفتار اندازه و کوچیک‌شدن آیتما با flex-grow و flex-shrink و flex-basis غیرقابل‌پیش‌بینیه و آیتما گاهی زیر اندازه محتواشون کوچیک می‌شن، طوری که آدم مجبور می‌شه از ترفند min-width: 0 استفاده کنه.

بخش دوم مقاله که «چی تو CSS کمه» هست، جوابا رو بر اساس تعداد تکرار مرتب کرده. صدرنشین با اختلاف، تشخیص overflow و wrap بود (حدود ۱۲ بار): الان هیچ راهی تو خود CSS نیست که بفهمی محتوا سرریز کرده یا به خط بعدی رفته. برای کارایی مثل جمع‌کردن آیتمای منویی که جا نمی‌شن یا نشون‌دادن نشان «+۳»، آدم مجبوره بره سراغ جاوااسکریپت.

بقیه چیزای غایب هم جالبن: CSS Regions برای جریان متن از یه باکس به باکس دیگه (مثل قاب‌های به‌هم‌وصل ایندیزاین)، پیچیدن متن دور شکل‌های غیرمستطیلی، جابه‌جا کردن المان بدون دست‌زدن به ساختار DOM، و اندازه‌گیری گرید بر اساس محتوا. چیزای تک‌رأی هم مثل چیدمان masonry، متن منحنی و چیدمان دایره‌ای تو لیست بودن.

نویسنده تو جمع‌بندی می‌گه اگه قرار بود فقط از یه چیز شروع کنه، تشخیص overflow و wrapping رو انتخاب می‌کرد، چون به نظرش کلی امکان طراحی واکنش‌گرا (responsive) رو بدون نیاز به جاوااسکریپت باز می‌کنه.

نکات کلیدی:

• منبع اصلی نقطه‌دردها نظرسنجی State of CSS 2025 و یه نظرسنجی کوچیک تو شبکه‌های اجتماعیه
• گرید: سینتکس سخت، مدل ذهنی track و area گیج‌کننده، و پرگو بودن حتی برای چیدمان‌های ساده
• فلکس‌باکس: محور اصلی/فرعی گیج‌کننده و رفتار غیرقابل‌پیش‌بینی shrink با ترفند min-width: 0
• بزرگ‌ترین کمبود به نظر آدما و خود نویسنده، نبود تشخیص overflow و wrap تو خود CSS بدون جاوااسکریپته