در حال حاضر محصولی در سبد خرید شما وجود ندارد.
روزهای وب سایت های سنگین انیمیشن محو می شوند، اما هنوز چیزی وجود دارد که برای یک سایت با مقادیر کمی از حرکت ظریف و چشمگیر برای کمک به کاربران به تفسیر رابط ها گفته شود. در این دوره، من به شما راه های عملی برای ایجاد انیمیشن ها برای دکمه ها، جداول قیمت گذاری و دیگر عناصر وب، با استفاده از CSS مختصر و جی کوئری برای انجام این کار، به شما نشان می دهد.
عنوان اصلی : Practical Web Animation
سرفصل های دوره :
1. معرفی:
1.1 مقدمه
1.2 CodePen
1.3 استفاده از کتابخانه های خارجی در CodePen
2. تمدید کننده های انیمیشن:
2.1 CSS Animation Refresher
2.2 jQuery Animation Refresher
3. انیمیشن های دکمه ای:
3.1 سبک پیمایش شما
3.10 تنظیم دکمه های سه بعدی
3.11 متحرک سازی دکمه های سه بعدی
3.12 جلوه شناور سه بعدی ظریف
3.2 دکمه ساده محو می شود
3.3 متحرک سازی چندین ویژگی
3.4 قبل و بعد
3.5 کشیدن پسزمینه
3.6 تغییرات سوایپ پسزمینه
3.7 پیمایش متن
3.8 تنظیم دکمه های خود
3.9 دکمه های در حال گسترش
4. انیمیشن های تصویری:
4.1 جلوه های شناور تصویر پایه
4.2 تصاویر و زیرنویس ها
4.3 متحرک سازی تصاویر
5. سایر عناصر وب:
5.1 برچسب های فرم شناور
5.2 متحرک سازی برچسب ها
5.3 پانل های متحرک
5.4 پانل ها و گلوله ها
5.5 شکل دادن به جداول قیمت گذاری
5.6 انتخاب خلاقانه محصول
6. پروژه های پاداش:
6.1 انیمیشن واکنشگرا
6.2 انیمیشن های تصویری
6.3 لغزنده CSS
7. پروژه های پاداش II:
7.1 انیمیشن پس زمینه
7.2 دکمه های چرخان
7.3 انیمیشن دکمه ارسال
8. نتیجه:
8.1 افکار نهایی
Practical Web Animation
در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.
ساخت انیمیشن سه بعدی با Three.js
ایجاد انتقال صفحه HTML5 متحرک
دوره پیشرفته Three.js
راهنمای طراحان وب به فرمت تصویر WebP
کتابخانه های ضروری جاوااسکریپت برای UI ( رابط کاربری )
ساخت مدل و انیمیشن های سه بعدی در وب بوسیله Three.js
فیلم آموزش CSS Animations & Transitions
راهنمای کار با کوکی های مرورگر و وب سایت ها : ویژه طراحان وب
ساخت وب سایت های دارای امکانات Accessibility به کمک ARIA Roles
ساخت وب سایت های JavaScript بوسیله فریمورک Meteor