Donovan Hutchinson – Level up
Donovan Hutchinson – Level up
SORRY FOLKS! I’ve moved away from the Teachable platform, and hosting my course on Udemy now. You can find the course here with a discount -> 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
-
Preview
Hero header? (2:36)
-
Preview
Animating the background (12:56)
-
Preview
Introducing the titles (9:59)
-
Adding a scroll cue (8:26)
-
Simplifying keyframes (5:20)
-
Waiting till the content is ready (8:43)
-
Preview
Examples to download (1:02)
-
[Bonus download] How to build your own Hero Header
-
Preview
Touch and hover animations (1:38)
-
Animating links (12:26)
-
Animating tooltips (11:11)
-
Revealing content on hover (11:38)
-
Animating buttons (8:59)
-
Preview
Examples to download (1:02)
-
Preview
Scroll animations (1:50)
-
Animating content on scroll (14:52)
-
Animating a slide-in banner (6:17)
-
Parallax scrolling (10:57)
-
Mouse-leave animation (10:40)
-
Preview
Examples to download (1:02)
-
Preview
Carousels (1:49)
-
Carousel HTML (6:36)
-
Carousel CSS (12:41)
-
Setting up JavaScript (9:59)
-
Making it work (16:12)
-
Finishing touches (6:40)
-
Examples to download (1:00)
-
Preview
Responsive animations (1:43)
-
Resizing animations using font-size (8:50)
-
Percentages and viewport units (6:01)
-
Landscape vs portrait (6:39)
-
Next steps and inspiration
-
Thanks, and stay in touch!
Salepage : Donovan Hutchinson – Level Up your CSS Animation Skills
Shipping method
– After making a purchase, you will see a View your order link to the Downloads page. Here you can download all the files related to your order.
– In case the link is broken for any reason, please contact us and we will resend a new download link.
– If you can’t find the download link, please don’t worry about it. This course is usually available and shipped within one day
– The course you purchased will have lifetime access
– Our support staff is the best by far! Please contact us at email: [email protected] and we will be happy to help!