CSS: Variables and Fluid Layouts

زمانی که طراحی وب ریسپانسیو برای اولین بار معرفی شد، در عین حال جادویی و ناکارآمد بود. طراحان مجبور بودند برای چیدمان سیستم های مبتنی بر شبکه و همچنین هک درخواست های رسانه ای با شناورها کار کنند. پیشرفت‌های اخیر در CSS این فرآیند را ساده می‌کند و به طراحی شما اجازه می‌دهد تا با شرایط روان‌تر سازگار شود. اما استفاده از این ویژگی‌های جدید مستلزم کنار گذاشتن شیوه‌های فعلی و تغییر به مدلی است که در آن کنترل دقیق را با ثبات و سهولت پیاده‌سازی مبادله کنید. این دوره می تواند به شما در ایجاد این تغییر کمک کند. جن کرامر نحوه انجام ریاضیات را مستقیماً در CSS از طریق تابع calc() و استفاده از ویژگی‌ها یا متغیرهای سفارشی برای ساده‌سازی CSS خود بیان می‌کند. در طول مسیر، جن نمونه‌هایی از نحوه استفاده از این ویژگی‌ها، از جمله نحوه افزودن ویژگی‌های سفارشی به تایپ مقیاس و کار با Flexbox و Grid را به اشتراک می‌گذارد.