Animator

A great time in the past: at the begining of 2014, we enabled Generational Garbage Collection (GGC) for Firefox desktop. However this blog publish isn’t about GGC. It’s about my victory dance whenever we finally pressed to button to ignore animator survive desktop firefox. Please click that link it’s, in the end, what this web site publish is all about.

Old-timers will recognize that old TBPL interface, since changed with TreeHerder. I grabbed an overview from the page once i pressed GGC live (yes, eco-friendly pushes really was once that eco-friendly!), then compromised up a little to apply the letter fly-in. Which fly-was what I’d like to speak about now.

At that time I authored it, I barely understood Javascript, and that i understood less CSS. However that would be a lengthy time ago.

Animator

Animator

Today… er, well, today I do not know anymore of either of individuals than Used to do in those days.

That is ok, since my whole goal here’s to inquire about: what’s the proper way to implement that page? And particularly, will it be easy to do with no JS? Or possibly minimal JS, some glue between CSS animator or something like that?

To be precise: I’m very particular concerning the animation I would like. Following the letters are carried out flying in, I would like these to cycle through in the manner proven. For instance, they must be rotating around within the “O”. Generally, they’re just frequently walking a way that’s possibly discontinuous (just like any letter apart from “O”). We’ll refer to this as the marquee pattern.When flying in, I would like them to visit their appropriate positions inside the marquee pattern. I do not would like them to fly to some beginning position and just start relocating the marquee pattern after they make it happen. Oh noes, no no no. That will introduce an obvious discontinuity.