Loading comment...
Readit NewsLoading parent story...
Loading parent story...
Loading comment...
I cannot believe this is real, it was so well done. It felt like creativity of the internet from the early 2000s met the polished design standards of today.
Hey I'm the author of the lib, I think this is my favorite comment about the landing page I read so far. I've started learning web development with Flash in the 2000s, so this hits home. Thank you!
Part of the smoothness here is that scrolling the text is 1:1 once you get down to the sections with colored headers. It demonstrates that it's possible to make a page look fancy like that without "breaking" your intuition of what scrolling "should be."
JS animations obviously don't take the place of video/audio media that you'd play/scrub through.
Hey I'm the author of the lib, exactly, I don't really "highjack" the body scroll, I'm only controlling the background animations with it, while keeping most of the body content scroll naturally with the page.
Do they explain how they made the landing page or share the code somewhere? I agree, it's stunning.
Hey I'm the author of the lib, I'm thinking about making a course on how to re-create the landing page, would that be something you're interested in?
JulianGarnier commented on Anime.js – A lightweight JavaScript animation library animejs.com/... · Posted by u/doodlesdev
Why do your docs use `var` for variable declarations?
Because the docs have been written 4 years ago, and back then const and let weren’t widely used.
The upcoming documentation for V4 has been completely rewritten with up to date JavaScript.
JulianGarnier commented on Anime.js – A lightweight JavaScript animation library animejs.com/... · Posted by u/doodlesdev
haha I mean, it's just built into browsers now. Nothing stopping someone from still using anime.js
Creating something like the homepage of animejs.com without an animation library today is still quite challenging.
Loading parent story...
Loading comment...
JulianGarnier commented on Anime.js – A lightweight JavaScript animation library animejs.com/... · Posted by u/doodlesdev
So another comment says that CSS Tweening makes your lib obsolete, which I don't think is true, but,
Can Anime.js make use of CSS Tweening on browsers that support it? Maybe as an optimization, rather than using requestAnimationFrame, on some kinds of animations
Not planned for now, but I haven't really looked into it. I'll consider after the V4 is released.
I'll explain how the new Anime.js website was created by recreating the entire landing page from scratch, while sharing all the animation tricks and techniques I've learned throughout the years.
You can join the waitlist here https://animejs.com/learn/