Donovan Hutchinson – Level Up Your Css Animation Skills

Description

Level Up Your Css Animation Skills, Donovan Hutchinson – Level Up Your Css Animation Skills, Level Up Your Css Animation Skills download, Donovan Hutchinson – Level Up Your Css Animation Skills review, Level Up Your Css Animation Skills free torent
Donovan Hutchinson – Level Up Your Css Animation Skills
You want to delight and amaze your visitors, and make your websites stand out from the rest. You want to use animation not just to wow, but also to help make your sites more useful, polished and professional. You’re already creating websites but you want to take your knowledge to the next level.
This is the course for you. As a web site or app creator, this course will give you the practical tools you need to bring animation to your projects.
You will get over 4 hours of high quality video lessons, lifetime access to all video content, cheatsheets and guides, and even online support and help from the author himself.
Learn how to:

Create an amazing animated hero header
Bring your UI to life with hover, touch and button animations
Wow your visitors with scroll and parallax animations
Build your very own animated carousel
Adjust animations to fit all sizes of devices and browsers
Optimise your CSS animations for reuse and size
Each with fun examples you can follow along, step by step

This is a video course full of real downloadable code examples. You’ll be able to take the knowledge, as well as the real working code, to your projects and make sure they stand out.
COURSE CURRICULUM

Module 1: Build an animated hero header

 
Preview
Hero header? (2:36)
 
Preview
Animating the background (12:56)
 
Preview
Introducing the titles (9:59)
 
Start
Adding a scroll cue (8:26)
 
Start
Simplifying keyframes (5:20)
 
Start
Waiting till the content is ready (8:43)
 
Preview
Examples to download (1:02)
 
Start
[Bonus download] How to build your own Hero Header

Module 2: Make our designs feel alive with touch and hover animations

 
Preview
Touch and hover animations (1:38)
 
Start
Animating links (12:26)
 
Start
Animating tooltips (11:11)
 
Start
Revealing content on hover (11:38)
 
Start
Animating buttons (8:59)
 
Preview
Examples to download (1:02)

Module 3: Grabbing attention with scroll animations

 
Preview
Scroll animations (1:50)
 
Start
Animating content on scroll (14:52)
 
Start
Animating a slide-in banner (6:17)
 
Start
Parallax scrolling (10:57)
 
Start
Mouse-leave animation (10:40)
 
Preview
Examples to download (1:02)

Module 4: Build an animated carousel

 
Preview
Carousels (1:49)
 
Start
Carousel HTML (6:36)
 
Start
Carousel CSS (12:41)
 
Start
Setting up JavaScript (9:59)
 
Start
Making it work (16:12)
 
Start
Finishing touches (6:40)
 
Start
Examples to download (1:00)

Module 5: Adjusting animations for all screen sizes

 
Preview
Responsive animations (1:43)
 
Start
Resizing animations using font-size (8:50)
 
Start
Percentages and viewport units (6:01)
 
Start
Landscape vs portrait (6:39)

Congratulations! (plus bonus links and resources)

 
Start
Next steps and inspiration
 
Start
Thanks, and stay in touch!