Lightnews — Scholar-powered news

Julian Garnier

@julian.gr

970 followers 59 following 38 posts

Making → @animejs.com Support the project → https://github.com/sponsors/juliangarnier

Posts Media Videos Starter Packs

Julian Garnier @julian.gr · 11d

I tried to make sure all of the different templates are rendered correctly once imported to @codepen.io , but haven't manually checked all of the 450+ demos, so let me know if you notice an issue with one particular example! 🙏

Anime.js @animejs.com · 11d

Anime.js 4.2.1 is out with a bunch of small fixes and new features:

🐍 Motion Path: Add an offset parameter
👇 Draggable: Add a drag threshold parameter for mouse and touch
✏️ Documentation: You can now export and edit the 450 example demos on
@codepen.io
in one click!

Julian Garnier @julian.gr · 16d

Sometimes it’s about CSS too 😅

bsky.app/profile/anim...

Anime.js @animejs.com · 16d

I forgot to mention that every easing can also be used in pure CSS, no JS required, including the spring curves!

Julian Garnier @julian.gr · 16d

Thank you, really happy to read this!

Julian Garnier @julian.gr · 19d

For all of the spring curve enthusiasts out there

Anime.js @animejs.com · 19d

Anime.js 4.2.0 is out!

🧩 All modules can now be imported individually with subpaths
🎨 CSS variable values support
🏹 Simpler spring API with bounce & duration params
📈 More WAAPI built-in easing functions
🎛️ And an easing editor (animejs.com/easing-editor/)!

Plus tons of fixes and improvements!

Julian Garnier @julian.gr · Aug 12

Anime.js @animejs.com · Aug 12

Anime.js 4.1.3 was just released with lots of small bug fixes. I'm particularly happy with the improved tween composition accuracy. Handling multiple overlapping animations on the same target is much more complex than you'd expect.

Release notes: github.com/juliangarnie...

Julian Garnier @julian.gr · Jul 26

I understand WebKit blocked developer.mozilla.org/en-US/docs/W..., but extending native elements would be nice, it's a very common need when working with custom elements

HTML is global attribute - HTML | MDN

The is global attribute allows you to specify that a standard HTML element should behave like a defined custom built-in element (see Using custom elements for more details).

developer.mozilla.org

Julian Garnier @julian.gr · Jul 25

Moar splits codepen.io/juliangarnie...

Julian Garnier @julian.gr · Jul 24

🖖

Julian Garnier @julian.gr · Jun 3

Anime.js website is nominated for website of the month on awwwards! Your vote can greatly help the project to gain recognition, thanks for your support! www.awwwards.com/awards-of-th...

Awwwards Nominees

The eight highest-scoring sites each month are nominated for “Site of the Month” and reviewed by the jury a second time

www.awwwards.com

Julian Garnier @julian.gr · Apr 10

Haha yes!

Julian Garnier @julian.gr · Apr 10

Just opened my DMs 😅

Julian Garnier @julian.gr · Apr 10

Just opened my DMs 😅

Julian Garnier @julian.gr · Apr 10

Cost TBD, I’m aiming to make it as beginners friendly as possible, but basic knowledge of HTML / JavaScript will be recommended

Julian Garnier @julian.gr · Apr 10

The signup form seems to be broken for some people. If you can't subscribe, you can send me a DM with your email address, and I'll add you to the list manually.

Julian Garnier @julian.gr · Apr 10

It's decided, I'm making a course!

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.

Join the waitlist here: animejs.com/learn/

Thank you! ❤️🙏

Julian Garnier @julian.gr · Apr 7

I cannot be happier with the feedback on v4. Thank you so much to everyone who commented and shared! Happy to see the Bluesky account taking off too!

Anime.js @animejs.com · Apr 3

After 5 years in the making, I'm very happy to finally release Anime.js v4, my dream animation library:

🧩 New modular API
⚡️ Highly performant
🖱️ Scroll-linked animations
🫵 Draggables
↔️ Responsive
✨ Additive animations
🪽 WAAPI support

And so much more!

Check out the new website animejs.com!

Julian Garnier @julian.gr · Apr 7

Thanks! I’m planning to make a course to re-create the landing page!

Julian Garnier @julian.gr · Apr 7

Oops thanks for pointing this out

Reposted by Julian Garnier

Joshua Carter @joshcarter.bsky.social · Apr 3

I mean, how good can a docs page really be? Surely people are exagera..... 😮

Julian Garnier @julian.gr · Apr 4

Thanks Eric!!!

Julian Garnier @julian.gr · Apr 4

Thank you!

Julian Garnier @julian.gr · Apr 4

Thanks!

Julian Garnier @julian.gr · Apr 3

I can't believe it's out, I hope you like it as much as I do, I put a lot of care and effort into that thing. Massive thanks to all my sponsors, small and big, I couldn't have done it without them ❤️

Anime.js @animejs.com · Apr 3

After 5 years in the making, I'm very happy to finally release Anime.js v4, my dream animation library:

🧩 New modular API
⚡️ Highly performant
🖱️ Scroll-linked animations
🫵 Draggables
↔️ Responsive
✨ Additive animations
🪽 WAAPI support

And so much more!

Check out the new website animejs.com!

Reposted by Julian Garnier

Anime.js @animejs.com · Apr 3

After 5 years in the making, I'm very happy to finally release Anime.js v4, my dream animation library:

🧩 New modular API
⚡️ Highly performant
🖱️ Scroll-linked animations
🫵 Draggables
↔️ Responsive
✨ Additive animations
🪽 WAAPI support

And so much more!

Check out the new website animejs.com!

Julian Garnier @julian.gr · Mar 28

Can't wait to show you what I've been working on in the past few months

Anime.js @animejs.com · Mar 28

Anime.js v4 will be released next week, and there's never been a better time to become a sponsor. Major releases drive huge traffic spikes, so if you want to promote your product or company during v4 launch and new landing page unveiling, check out my GitHub sponsor page!

github.com/sponsors/jul...