Overview
Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Dive into a 30-minute tutorial on animating SVG using GSAP 3.0 (GreenSock Animation Platform) to create an engaging landing page for DesignCourse.com. Learn how to implement frontend development techniques, starting with an overview of the UI design created in Adobe XD. Explore the HTML structure and GSAP code necessary for animating SVG assets, with a focus on creating smooth and dynamic animations. Discover how to make the design responsive for various screen sizes. Access a Codepen demo to follow along and practice the techniques demonstrated. Gain insights from an experienced full-stack developer with over two decades of experience in design and coding.
Syllabus
- Introduction
- An awesome offer from Scrimba
- UI Design Overview
- HTML and GSAP Code
- Making it Responsive
- Final thoughts
Taught by
DesignCourse