Skip to content

DEV Community

0 seconds of 0 secondsVolume 90%

00:00

00:00

00:00

Christina Gorton

Posted on Apr 30, 2019 • Edited on Oct 29, 2019

17

7

Getting started with GreenSock

#svg #webdev #beginners #learning

Part 2 of my series on SVG. You can find part 1 here

This is a short introduction to getting started with the JavaScript library GreenSock.

Let me know if it helps and what else you would like to know. :)

Here are some links to the CodePens I used in the video. Check them out and change up the code to change the animations.

Getting started animating with GSAP
SVG worm not animated
SVG worm animated

Note: I am currently working on a course for Design+Code where we create 2 UI and learn how to animate SVG with GreenSock. I am going over several of GreenSock's plugins and giving real-world examples of how you can use GreenSock. Stay tuned to learn a whole lot more.

My course on Design+Code:
SVG Animations with GreenSock

Built for developers, by developers.

Whether you're building a simple prototype or a business-critical product, Heroku's fully-managed platform gives you the simplest path to delivering apps quickly — using the tools and languages you already love!

Top comments (2)

Subscribe

Graeme Fulton • May 1 '19

Awesome thanks for putting it together, I'm exploring Greensock and different options for SVG Animation too!

Christina Gorton • May 1 '19

No problem. Let me know if there is anything you need help with while you continue to explore SVG animation :)

Eliminate Context Switching and Maximize Productivity

Pieces Copilot is your personalized workflow assistant, working alongside your favorite apps. Ask questions about entire repositories, generate contextualized code, save and reuse useful snippets, and streamline your development process.

Christina Gorton

Community, technical writing, developer advocacy, and instructional design. Courses on LinkedIn, Egghead, Design+Code, and Skillshare.

Location

Remote/ Costa Rica
Work

Program Manager
Joined

Jan 16, 2019

Building Thriving Communities: Strategies for New Community Managers

#community #opensource #beginners

Root to Linux: Search Files with Grep

#linux #tutorial #beginners

Root to Linux: Hands-on Commands Part 2

#linux #tutorial #beginners

The best way to debug slow web pages

Tools like Page Speed Insights and Google Lighthouse are great for providing advice for front end performance issues. But what these tools can’t do, is evaluate performance across your entire stack of distributed services and applications.