Donovan Hutchinson – Level Up your CSS Animation Skills

Description

Donovan Hutchinson – Level Up your CSS Animation Skills download, Donovan Hutchinson – Level Up your CSS Animation Skills review, Donovan Hutchinson – Level Up your CSS Animation Skills free

Donovan Hutchinson – Level Up your CSS Animation Skills

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.

Who this course is for
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 person, this course will give you the practical tools you need to bring animation to your projects.

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.

Learn by doing
Most courses concentrate only on the theory. In this course we’ll create a practical example landing page, step by step. Over 6 modules of practical, hands-on lessons, we’ll create real examples of animation you can use on your own projects.

CSS Animation 101 was the perfect primer for anyone who’s looking to add animations to their websites. It was the perfect balance of theory and practical examples and I recommend it highly.

Andrew Clarke, Author of Hardboiled Web Design

1.Hero Headers
Build an impressive animated hero header to show off your brand
2.Interactions
Make our designs come to life with touch and hover interaction animations
3.Scrolling
Get our visitor’s attention with scroll animations and parallax effects
4.Carousels
Build an interactive animated carousel to show off your content
5.Responsive animations
Making our animations scale between small phones and large screens

Course Curriculum

Module 1: Build an animated hero header

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

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

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

Module 3: Grabbing attention with scroll animations

• 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)
• Examples to download (1:02)

Module 4: Build an animated carousel

• 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)

Module 5: Adjusting animations for all screen sizes

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

Congratulations! (plus bonus links and resources)

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

Make your web projects stand out

You will learn how to create amazing animations, using nothing more than HTML, CSS and a little JavaScript. Along the way you’ll:

• Create your own amazing animated hero header
• Learn how to reuse keyframes to make the most of your animations with very little coding
• Amaze your visitors with beautiful hover and scroll effects, including parallax
• Animate complex scenes by creating your very own animated carousel
• Make sure your animations look great on mobile with responsive animation

Also, you’ll even get a personalised certificate of completion to show that you have finished the course and levelled-up your CSS animation skills!

Your Instructor

Donovan Hutchinson
Donovan Hutchinson has been creating web pages and apps for clients for over 20 years. He is the creator of CSSAnimation.rocks, has published several courses including “CSS Animation 101” and “Animating with CSS”. He also loves to share tutorials and been published in Net Magazine, Smashing Magazine, Adobe Inspire, Modern Web and more.

Frequently Asked Questions:

1. Innovative Business Model:
   • Embrace the reality of a genuine business! Our approach involves forming a group buy, where we collectively share the costs among members. Using these funds, we purchase sought-after courses from sale pages and make them accessible to individuals facing financial constraints. Despite potential reservations from the authors, our customers appreciate the affordability and accessibility we provide.
2. The Legal Landscape: Yes and No:
   • The legality of our operations falls into a gray area. While we lack explicit approval from the course authors for resale, there’s a technicality at play. When procuring the course, the author didn’t specify any restrictions on resale. This legal nuance presents both an opportunity for us and a boon for those seeking budget-friendly access.
3. Quality Assurance: Unveiling the Real Deal:
   • Delving into the heart of the matter – quality. Acquiring the course directly from the sale page ensures that all documents and materials are identical to those obtained through conventional means. However, our differentiator lies in going beyond personal study; we take an extra step by reselling. It’s important to note that we are not the official course providers, meaning certain premium services aren’t included in our package:
     • No coaching calls or scheduled sessions with the author.
     • No access to the author’s private Facebook group or web portal.
     • No entry to the author’s exclusive membership forum.
     • No direct email support from the author or their team.

   We operate independently, aiming to bridge the affordability gap without the additional services offered by official course channels. Your understanding of our unique approach is greatly appreciated.

Refund is acceptable:

• Firstly, item is not as explained
• Secondly, Item do not work the way it should.
• Thirdly, and most importantly, support extension can not be used.

Thank you for choosing us! We’re so happy that you feel comfortable enough with us to forward your business here.