افکت گذاری تغییر صفحاات به هم بوسیله CSS, JavaScript

این دوره Pace-Your-Pace دارای 3 ساعت درس های ویدئویی است که به شما آموزش می دهد که چگونه برای ایجاد انتقال صفحه های زیبا و صاف در وب سایت های خود با استفاده از CSS و جاوا اسکریپت به شما آموزش دهید.
در این دوره، Superhi طراحی و تولید کرده است مجموعه ای از پروژه هایی که وب سایت ها را از طریق ناوبری صفحه قطع شده به حرکت های بدون درز، متحرک حرکت می کند، به عنوان کاربران خود را کلیک کنید و در اطراف طرح های وب خود ارتباط برقرار کنید.
شما خواهید آموخت که چگونه کتابخانه باربا جاوا اسکریپت را به وب سایت های خود ادغام کنید به شما اجازه می دهد تا CSS و دیگر تکنیک های جاوا اسکریپت را اضافه کنید تا اثرات صاف و هماهنگ را به کار طراحی خود اضافه کنید.

عنوان اصلی : Page Transitions

سرفصل های دوره :

01 به دوره انتقال صفحه خوش آمدید
02 راه اندازی خود را برای انتقال صفحه
03 چه چیزی در کیت استارتر ما است؟
04 اضافه کردن barba.js به پروژه ما
05 راه اندازی HTML ما برای barba.js
06 تنظیم جاوا اسکریپت ما برای barba.js
07 راه اندازی CSS باربا
08 اضافه کردن انتقال صفحه Nicer به پروژه ما
09 Hook Preferenter Barba
10 اصلاح لینک های ناوبری ما
11 تغییر برچسب بدن با دیدگاه های باربا
12 اضافه کردن باربا 'یک بار' و اضافه کردن انیمیشن های CSS
13 به مجله Canvas خوش آمدید!
14 راه اندازی پروژه ما
15 intersectionobserver
16 نمایش تصویر با استفاده از همان intersectionobserver
17 راه اندازی HTML باربا
18 اولیه barba.js
19 تست با ماژول CSS باربا
20 مطمئن شوید که کد ما بین صفحات کار می کند
21 جاوا اسکریپت وعده داده شده در قلاب ها
22 جدول زمانی GSAP
23 اضافه کردن انتقال فعلی و بعدی با GSAP
24 اضافه کردن یک بار گذار یک بار
25 اضافه کردن یک نمایش محصول و فضای نام
26 اضافه کردن تصاویر به بار ما
27 به Wanderers خوش آمدید
28 راه اندازی پروژه ما HTML
29 راه اندازی باربا
30 fading در ناوبری ما
31 اضافه کردن عکس ها محو شدن و حرکت
32 اضافه کردن اثر پاک کننده
33 اضافه کردن یک تصویر به interstitial ما
34 اضافه کردن متن انتقال
35 تغییر متن با ویژگی های داده
36 اضافه کردن در چند گذشت
37 Barba Prefetch
38 متشکرم برای پیوستن به دوره ما