NHacker Next
  • new
  • past
  • show
  • ask
  • show
  • jobs
  • submit
Show HN: Data-anim – Animate HTML with just data attributes (github.com)
ricardobeat 28 days ago [-]
The demo page scroll is very janky, which detracts from the animations entirely. Seems to be because of the excessive use of blur filters - the cards are on a black background so the filter is not doing anything anyway.

(I'm on a brand new PC with pretty good hardware. It's not as bad on the Mac, but it still can't keep up 60fps)

ryo-manba 28 days ago [-]
Thanks for the report! I've removed the blur filters.
27 days ago [-]
ata-sesli 27 days ago [-]
Nice idea, this looks like it simplifies a lot of the common animation cases.

Have you thought about allowing animations to be chained or sequenced? For example running one animation after another using multiple data attributes.

ryo-manba 26 days ago [-]
Thanks! Stagger is already supported with configurable delay and direction: https://ryo-manba.github.io/data-anim/docs/stagger/

Chaining across different elements isn't supported yet, but great idea. Will look into it.

hyperhello 28 days ago [-]
I like the simplicity. Great job. Though I could have used a demo page with a block for every animation at once instead of poking at choices.
ryo-manba 28 days ago [-]
Thanks for the feedback! I've updated the docs with a page that lists all animations in one place: https://ryo-manba.github.io/data-anim/docs/animations/
hyperhello 27 days ago [-]
Great. That’s what I was thinking.
Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact
Rendered at 16:56:38 GMT+0000 (Coordinated Universal Time) with Vercel.