دوره آموزشی متغیرها و چیدمان های سیال در CSS

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

اهداف یادگیری
مزایا و معایب ()CSS calc
کار با خصوصیات سفارشی CSS
استفاده از متغیرهای Sass
ایجاد طرح بندی
افزودن ویژگی های سفارشی به مقیاس تایپ
افزودن پرس و جوهای رسانه ای به سیستم گرید
بازنویسی CSS برای ادغام ()calc و خواص سفارشی