ساخت یک طراحی تک صفحه ای واکنش گرا با PostCSS

مدرس Ray Villalobos

انتشار 2016/01/22

مدت زمان 2h 30m

سطح متوسط

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

آموزش Building a Responsive Single-Page Design with PostCSS

نحوه ایجاد وب سایت های تک صفحه ای واکنش گرا با PostCSS، موتور پس پردازشگر CSS که قدرت CSS را از طریق جاوا اسکریپت افزایش می دهد، بیاموزید. این دستورالعمل‌های گام به گام نشانه‌گذاری HTML موجود را می‌گیرد و سبک، انیمیشن و ناوبری پاسخگو را اضافه می‌کند. این ترکیب به سایت‌های یک صفحه‌ای پویا اجازه می‌دهد – طراحی محبوبی که اکنون با PostCSS حتی سریع‌تر و آسان‌تر ایجاد می‌شود. در طول مسیر، Ray Villalobos چند پلاگین مفید، نکاتی برای ادغام PostCSS در یک گردش کاری مبتنی بر Gulp و تکنیک‌هایی برای پاسخ‌دهی بیشتر طرح‌بندی‌ها با Flexbox معرفی می‌کند.

Cascading Style Sheets (CSS) HTML Responsive Web Design Web Standards

Introduction

Welcome ()

What you should know before watching this course ()

Using the exercises for this course ()

1. Getting Started

Looking at our single-page responsive design ()

HTML markup for the single-page design ()

Learn to work with a Gulp.js workflow ()

2. Creating Base Styles

Use PreCSS Sass-like imports in PostCSS ()

Create Sass-like variables with PreCSS ()

Build the most important CSS styles ()

How mixins are different with PreCSS than with Sass ()

3. Styling Modules

Use Flexbox to create a layout for our header or navigation ()

Make a navigation responsive ()

Use color functions to help create a footer ()

Create shared section styles ()

4. Creating Sections

Create fullscreen backgrounds and controlling layouts ()

Use calc() function for simple calculations in CSS ()

When to create custom variables for your colors with PostCSS ()

Create the sections styles ()

5. Animating with PostCSS

Use regular CSS animations to create an slide-in effect ()

Use transformations to zoom in elements ()

Make keyframe-based animations using the Animate.css library ()

Goodbye

Next steps ()

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

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

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

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

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

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

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