Had a great question from a viewer of the last video using addPause(). Answer explained in FULL DETAIL below:) Watch the Video Check out the demo See the Pen Solution 1: Pause a timeline for 1 second by Snorkl.tv (@snorkltv) on CodePen. Creative Coding Club My Creative Coding Club courses are packed with lessons just...Read More

In this lesson we will add pauses to a timeline using the, wait for it…. wait some more… addPause() method. The addPause() method is one of the features of GSAP that is so small yet so powerful and necessary. You’d be surprised how many animation tools don’t have this feature. The video below gives you...Read More

So what is a staggered stagger? Well its when you have 2 staggers on the same objects but offset in a way that allows them to work together. In this lesson our staggered staggers will control the entering and leaving of multiple elements. This basic approach can yield much more visually intricate effects with just...Read More

This video and demo show how to take words from an array, create individual divs for each one and animate them. Need help with the fundamentals of JavaScript? Check out: JavaScript for Beginners Free Trial Explore the demo See the Pen dead simple text effect template 1 by Snorkl.tv (@snorkltv) on CodePen. Be sure to...Read More

The GreenSock Animation Platform (GSAP) makes it easy to create staggered animations. In this post I’m going to focus on distributing the start times of each element based on an ease. It can be a tricky concept to wrap your head around but once you get it you’ll be amazed at what you can do....Read More

Have you ever opened up an Animate file and or watched a tutorial and been totally perplexed by the visual appearance of the timeline? There’s a bunch of little black circles, stroked circles and rectangles of different shades of grey. I’m here to help decipher it all. The video below is the 5th from Animate...Read More

I continue to be blow away by how fast the GreeenSock Animation Platform is (js speed test), but often canvas performance disappoints and I get ridiculous CPU spikes. Most likely it is due to operator error. I found KineticJS to do a fantastic job of making it real easy to get up and running with canvas while...Read More

Breaking News: As the tectonic plates of technology continue to shift beneath our very feet snorkl.tv unleashes more evidence of the growing potential of javascript-based animation. Rumor has it that animated interactive peacocks can be built today without Flash. Can it be true?  Read More

I have a really fun and stylish demo of banner-style javascript animation for you. The main player here is TimelineLite from GreenSock’s tangy Javascript port. I created this demo to try to prove to myself that: banner animation outside of Flash is viable the performance and precision of sequencing would not be barriers Come inside...Read More