آموزش ساخت یک طراحی Responsive تک صفحه ای با Sass

5. فراتر از قالب های سنتی تصویر Introduction

• خوش آمدی Welcome

• آنچه باید قبل از تماشای این دوره بدانید What you should know before watching this course

• با استفاده از پرونده های تمرینی Using the exercise files

5. فراتر از قالب های سنتی تصویر 1. Getting Started

• تجزیه و تحلیل پروژه ما Analyzing our project

• نصب Git و Node در Mac Installing Git and Node on a Mac

• نصب Git و Node در رایانه شخصی Installing Git and Node on a PC

• نصب و به روز رسانی Ruby Installing and updating Ruby

• در حال بارگیری وابستگی ها Downloading dependencies

• تجزیه و تحلیل گردش کار ما Analyzing our workflow

• HTML خود را بررسی می کنید Examining your HTML

5. فراتر از قالب های سنتی تصویر 2. Organizing Your Sass

• کار با قالب های Github Working with Github templates

• سازماندهی ساس خود را Organizing your Sass

• متغیرهای خود را آماده کنید Preparing your variables

• ایجاد سبک های اساسی Creating basic styles

• ساخت مخلوط های خود را Building your own mixins

• آماده سازی هدر Preparing your header

• رمزگذاری ناوبری Coding the navigation

5. فراتر از قالب های سنتی تصویر 3. Creating Responsive Grids with Susy

• ناوبری خود را پاسخگو می کند Making your navigation responsive

• کنترل پرس و جوهای رسانه ای با Breakpoint Controlling media queries with Breakpoint

• با استفاده از mixin Gallery Susy Gallery Using the Susy Gallery mixin

• طراحی یک طرح پیچیده Designing a complex layout

• تنظیم طرح بندی شما Adjusting your layouts

• عناصر بالشتک با سوزی Padding elements with Susy

• استفاده از jQuery برای تمام صفحه و ویژگی های flexbox قطب نما Using jQuery for full screen and Compass flexbox features

• ایجاد سؤالات رسانه ای در خارج از عناصر خود Creating media queries outside your elements

• اضافه کردن پیش فرض به مخلوط کردن پس زمینه خود Adding defaults to your background mixing

• با استفاده از یک طرح اسپلیت Using a split layout

• طرح بندی خود را تمام کنید Finishing your layouts

• اضافه کردن پاورقی Adding a footer

5. فراتر از قالب های سنتی تصویر 4. Animating Your Layouts

• ایجاد انیمیشن tween Creating a tween animation

• ناوبری خود را پین کنید و پیمایش را صاف کنید Pinning your navigation and smoothing scrolling

• برجسته کردن موارد فهرست در پیمایش Highlighting menu items on scroll

• کنترل صحنه ها با پیمایش Controlling scenes by scrolling

• تنظیم دستگاههای لمسی Adjusting for touch devices

• استقرار به تولید Deploying to production

5. فراتر از قالب های سنتی تصویر Conclusion

• مراحل بعدی Next steps