Web Animation Courses and Certifications

Banaras Hindu University;  CEC

ANIMATIONs

833 ratings

Explore animation production pipeline techniques for film, TV, advertising, web, and games. Develop creative, technical, and analytical skills for a career in design engineering, VFX, and animation.

• Swayam
• 15 weeks
• Self-Paced
• Free Online Course

• Best of All Time

Mozilla Hacks

10 Things I Hate About Web Animation - Solutions and Technologies

Explore common web animation issues and their solutions in this insightful talk by Brian Birtles, covering transitions, CSS animations, performance, and more.

• YouTube
• 20 minutes
• Self-Paced
• Free Video

Mozilla Hacks

Web Animation Techniques for Fast Performance in Firefox - Mozilla Developer Roadshow Asia

Explore web animation techniques for optimal performance in Firefox with Mozilla engineers, focusing on speed and efficiency in this Hong Kong Developer Roadshow session.

• YouTube
• 29 minutes
• Self-Paced
• Free Video

Mozilla Hacks

10 Things I Hate About Web Animation

ウェブアニメーションの問題点と技術的解決策を紹介。開発者向けに、より効果的なアニメーション制作のヒントを提供。

• YouTube
• 20 minutes
• Self-Paced
• Free Video

Learn Web Animation the Easy Way: An Intro to SVG and GSAP

622 ratings at Udemy

Create an animated eCard with just JavaScript and SVG in record time

• Udemy
• 3 hours 11 minutes
• Self-Paced
• Paid Course

Kevin Powell

Animating Height Auto with Interpolate-size and Calc-size in CSS

Master modern CSS techniques for dynamic height animations using interpolate-size and calc-size(), enabling smooth transitions and responsive layouts with progressive enhancement approaches.

• YouTube
• 15 minutes
• Self-Paced
• Free Video

Interactive Web Animation [ JavaScript SVG CSS & Canvas ]

237 ratings at Udemy

Learn Web Animation Tools [ SVG Animation CSS Animation JavaScript Animation Canvas Animations ] Theory and Practice

• Udemy
• 7 hours 22 minutes
• Self-Paced
• Paid Course

Learn With Jason

Learn Motion DevTools

Explore Motion DevTools with Matt Perry: build, inspect, edit, and export CSS and Motion One animations using this Chrome extension. Learn techniques for looping, transitions, and scroll animations.

• YouTube
• 1 hour 27 minutes
• Self-Paced
• Free Video

Envato Tuts+

Motion Design for the Web

Learn to create engaging web animations using CSS, JavaScript, SVG, and more. Master techniques for videos, loading screens, interactive effects, and responsive design through practical exercises.

• YouTube
• 5 hours 18 minutes
• Self-Paced
• Free Video

DesignCourse

Creating Scroll-Activated RIVE Animations with JavaScript

Master scroll-activated animations in Rive by implementing timeline triggers, state machine logic, and frontend integration using JavaScript, HTML, and CSS.

• YouTube
• 23 minutes
• Self-Paced
• Free Video

Envato Tuts+

TimelineLite Ultimate Starter Guide - Advanced Sequencing

Unlock advanced animation sequencing with GreenSock's powerful tools. Master appendMultiple() and insertMultiple() for precise control over hundreds of tweens and timelines using minimal code.

• YouTube
• 32 minutes
• Self-Paced
• Free Video

JavaScript Conferences by GitNation

Simplified Web Animations Using View Transitions

Master web animations using View Transitions - a modern approach that simplifies creating compelling animations without complex JavaScript. Learn practical implementation techniques and framework integration.

• YouTube
• 21 minutes
• Self-Paced
• Free Video

ng-conf

Making a Splash with View Transitions

Explore View Transitions for effortless web animations in Angular. Learn to create captivating effects without complex JavaScript, leveraging new Angular-specific features for seamless integration.

• YouTube
• 21 minutes
• Self-Paced
• Free Video

JSConf

Native Web Animation

Explore native web animation techniques and best practices for creating smooth, performant animations in modern web applications.

• YouTube
• 27 minutes
• Self-Paced
• Conference Talk

Learn With Jason

Fun, Festive, Interactive Web Animation with GSAP - Learn with Jason

Discover interactive web animation techniques using Greensock. Learn to create festive, whimsical elements like snow globes and snowflakes, while exploring GSAP's powerful features for dynamic and performant animations.

• YouTube
• 1 hour 26 minutes
• Self-Paced
• Free Video