In the early days of the web, animation became known for all those clunky, complex effects that may have looked great but were slow to load and often confusing to use.
But when it's used in the right way, animation can be a fantastic tool for web designers to have in their kit. Small amounts of subtle, eye-catching motion are a great way to help users interpret interfaces and find their way around your site or app.
If not, don't worry—here are nine courses that will teach you everything you need to know.
In this course, Envato Tuts+ instructor Craig Campbell will show you practical ways to create animations for buttons, pricing tables, and other web elements, using concise CSS and jQuery to do so.
This course is an ideal follow-up to the one listed above. In this course, you will go beyond the basics of GreenSock animation as Envato Tuts+ instructor Craig Campbell takes you on a tour of the plugins that ship with GSAP.
In the third GSAP course, Craig Campbell will walk you through three projects where you will learn how to create programmatic animations, in real-world scenarios, using the GreenSock Animation Platform. You'll learn how to create an animated preloader, an SVG logo animation, and a custom content slider.
One way to breath a bit more life and a bit more personality into animation on the web is to experiment with different settings of easing. In this quick, ten-minute Coffee Break Course with Guy Routledge, you'll learn what easing is, why it's useful, how to control it, and how to apply it in the context of CSS.
In this Coffee Break Course, Craig Campbell will show you everything you need to know to quickly get started creating animations using the CSS transition properties. In just ten minutes, you'll learn how to create motion using nothing more than a few CSS properties.
This Coffee Break Course teaches you how to create animations using the CSS keyframe and animation properties. In just ten minutes, you'll learn how to create animations in the browser without having to rely on external plugins or extensive programming.
In this course you’ll learn how to use ten essential CSS libraries for web designers, available today. You’ll learn about resets, animations, transitions, and typography related libraries. You'll learn with Adi Purdila, and you'll use Bower to manage your projects, making sure that everything stays up to date and is easily maintainable.
Watch Any Course Now
You can take any of our courses straight away with a subscription to Envato Elements. For a single low monthly fee, you get access not only to these courses, but also to our growing library of over 1,000 video courses and industry-leading eBooks on Envato Tuts+.
Plus you now get unlimited downloads from the huge Envato Elements library of 200,000+ photos and 26,000+ design assets and templates. Create with unique fonts, photos, graphics and templates, and deliver better projects faster.
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.Update me weekly
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!Translate this post