آموزش کدنویسی Layout های مدرن بوسیله CSS Grid

با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با CSS یاد می گیرید.

عنوان اصلی : Build Modern Layouts with CSS Grid

سرفصل ها :

1. متغیرهای Root Colors را تعریف کنید و اندازه جعبه را برای یک چیدمان CSS تنظیم کنید
2. egghead 02 یک طرح بندی شبکه ای را با شبکه نمایش شروع کنید
3. یک Gutter در CSS Grid با شکاف شبکه مشخص کنید
4. از ابزارهای توسعه دهنده فایرفاکس برای تجسم سبک های شبکه CSS استفاده کنید
5. اندازه شبکه CSS را با واحد کسر (fr) تعیین کنید
6. با استفاده از قسمت های قالب شبکه ای، یک صفحه بندی با شبکه CSS تعریف کنید
7. با افزودن استایل به یک طرح بندی شبکه ای CSS، محتوا را تراز کنید
8. یک نوار ناوبری با شبکه CSS با استفاده از جریان خودکار شبکه بسازید
9. یک طرح بندی شبکه ای تودرتو CSS ایجاد کنید
10. از تابع CSS repeat() برای تعریف کارآمد ردیف ها و ستون های شبکه CSS استفاده کنید.
11. محدوده اندازه را با تابع minmax() CSS برای ایجاد آیتم های گرید پاسخگو تعریف کنید.
12. با استفاده از کوئری های رسانه ای با شبکه CSS یک طرح بندی پاسخگو ایجاد کنید
13. از جریان خودکار شبکه و پرسش های رسانه ای برای چرخاندن پیمایش از افقی به عمودی استفاده کنید