Writing Smarter Animation Code

Note: This page was created for GSAP version 2. We have since released GSAP 3 with many improvements. While it is backward compatible with most GSAP 2 features, some parts may need to be updated to work properly. Please see the GSAP 3 release n…


This content originally appeared on Blog and was authored by Blog

Note: This page was created for GSAP version 2. We have since released GSAP 3 with many improvements. While it is backward compatible with most GSAP 2 features, some parts may need to be updated to work properly. Please see the GSAP 3 release notes for details.

If you've ever coded an animation that's longer than 10 seconds with dozens or even hundreds of choreographed elements, you know how challenging it can be to avoid the dreaded "wall of code". Worse yet, editing an animation that was built by someone else (or even yourself 2 months ago) can be nightmarish. Our article on CSS-Tricks, Writing Smarter Animation Code, will show you how to keep your code manageable and speed up your workflow. Here's just a taste of what's covered:

  • Benefits of timelines
  • Nesting timelines
  • Creating functions that return timelines
  • Using GSDevTools to super-charge your workflow

This article contains what we consider to be two of our most important videos. Definitely watch them both. We're confident these tips will truly revolutionize how you approach your complex animations. Read Writing Smarter Animation Code.


This content originally appeared on Blog and was authored by Blog


Print Share Comment Cite Upload Translate Updates
APA

Blog | Sciencx (2017-10-19T16:22:00+00:00) Writing Smarter Animation Code. Retrieved from https://www.scien.cx/2017/10/19/writing-smarter-animation-code/

MLA
" » Writing Smarter Animation Code." Blog | Sciencx - Thursday October 19, 2017, https://www.scien.cx/2017/10/19/writing-smarter-animation-code/
HARVARD
Blog | Sciencx Thursday October 19, 2017 » Writing Smarter Animation Code., viewed ,<https://www.scien.cx/2017/10/19/writing-smarter-animation-code/>
VANCOUVER
Blog | Sciencx - » Writing Smarter Animation Code. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2017/10/19/writing-smarter-animation-code/
CHICAGO
" » Writing Smarter Animation Code." Blog | Sciencx - Accessed . https://www.scien.cx/2017/10/19/writing-smarter-animation-code/
IEEE
" » Writing Smarter Animation Code." Blog | Sciencx [Online]. Available: https://www.scien.cx/2017/10/19/writing-smarter-animation-code/. [Accessed: ]
rf:citation
» Writing Smarter Animation Code | Blog | Sciencx | https://www.scien.cx/2017/10/19/writing-smarter-animation-code/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.