Useful for annoying your visitors? Why on earth would they not enable the setting which honours the `prefers-reduces-motion` media flag for users who don't want stuff flying all over their screens?!
A useful front-end confetti animation library
81–90 of 125 posts
Re: A useful front-end confetti animation library
#82Re: A useful front-end confetti animation library
#83This is cool and impressive. At the same time I don't want to see it running on any website that I use. And especially - I wouldn't want to see confetti accompany newsletter popups or adding products to basket.
The strange thing is this can be used effectively. I don't know about full-screen like this, but we were visiting a client recently who used a certain project management software and when you closed an item out, the button changed to green and had this effect on it. It was subtle, but noticeable enough that after the meeting another developer and I both said "that was a pretty neat effect". It conveyed the sense of "…
Re: A useful front-end confetti animation library
#84Re: A useful front-end confetti animation library
#85Just fyi, confetti are candies in italy. Not bits of paper.
Re: A useful front-end confetti animation library
#86This is cool and impressive. At the same time I don't want to see it running on any website that I use. And especially - I wouldn't want to see confetti accompany newsletter popups or adding products to basket.
This has its place, e.g. on a completion of a game or some such.
Pipedrive CRM also does this when you close a deal, they even previously had a person shooting a hoop or something, that was nice. It's rewarding!
Re: A useful front-end confetti animation library
#87Earlier quoted context omitted.
What if you wanted to add the requirement that the user had to click on 1 specific piece of confetti?
Add a click event listener to the body and overlay the event-coordinates on the canvas.
Re: A useful front-end confetti animation library
#88This is cool and impressive. At the same time I don't want to see it running on any website that I use. And especially - I wouldn't want to see confetti accompany newsletter popups or adding products to basket.
I think the only "legitimate" use would be something like YouTube's like button, which has a cool animation (and vibrates the device if using the mobile app). Very pleasant UX.
Re: A useful front-end confetti animation library
#89This is a Javascript library, but it couldn't have been JS back in those days.
Anyone have an idea how people built stuff like this without JS? I'm curious.
Re: A useful front-end confetti animation library
#90This reminds me of the early Internet in the 90s and 2000s, you had falling snow and star animations everywhere. This is a Javascript library, but it couldn't have been JS back in those days. Anyone have an idea how people built stuff like this without JS? I'm curious.