طراحی CSS نسل بعدی با PostCSS و CSSNext

مدرس Ray Villalobos

انتشار 2017/04/28

مدت زمان 2h 37m

سطح پیشرفته

فایل تمرینی دارد

آموزش Next Generation CSS Design with PostCSS and CSSNext

PostCSS - یک موتور پس پردازشگر CSS - CSS را با جاوا اسکریپت تغییر می دهد و به شما امکان می دهد با آخرین ویژگی های CSS در مرورگرهای قدیمی کار کنید. در این دوره مبتنی بر پروژه، یاد بگیرید که چگونه با PostCSS کار کنید تا یک سایت تک صفحه ای واقعی ایجاد کنید که از ویژگی های CSS پیشرفته و در عین حال سازگاری با مرورگرهای قدیمی تر استفاده می کند. همانطور که Ray Villalobos چگونگی مقابله با این پروژه را توضیح می دهد، او مفاهیم مهمی را پوشش می دهد، مانند نحوه کار PostCSS و CSSNext، نحوه سازماندهی کد خود با تقسیم کار خود به قسمت های جزئی، و نحوه کار با ویژگی هایی مانند شبه کلاس های پیشرفته و ویژگی های سفارشی. متغیرها به علاوه، او شما را با نحوه کار با طرح‌بندی‌های فلکس‌باکس، استفاده از توابع رنگی، تنظیم طرح‌بندی موبایل و افزودن انیمیشن آشنا می‌کند.

Cascading Style Sheets (CSS) Front-end Development

Introduction

Welcome ()

What you should know ()

Using the exercises for this course ()

1. Getting Started

What you'll build ()

How PostCSS and CSSNext work ()

Organizing your CSS into partials ()

Creating variables ()

Using custom selectors ()

Advanced pseudo-classes ()

Variables with reduced calculations ()

2. Headers and Footers

Working with flexbox layouts ()

Nesting CSS rules ()

Creating property groups ()

Custom media queries ()

Nesting flexbox layouts ()

Using color functions ()

Finishing your footer ()

3. Featured Content

Setting up a mobile layout ()

Making your features responsive ()

Alternating layouts ()

Adding animation ()

Hacking SVGs ()

Adding videos ()

Triggering animations ()

Conclusion

Next steps ()

Ex_Files_NextGen_CSS_Design.zip (8.5 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.