3 ms·

This webpage doesn't provide any reasoning for why one is better than the other. I think I prefer the one on the left, but if I happened to be of the opposite

This webpage doesn't provide any reasoning for why one is better than the other. I think I prefer the one on the left, but if I happened to be of the opposite opinion, this page would not have changed my mind. Edit: I'm curious what they'd think of my design[1], which is simultaneously "animated in a pulsing fashion" and "rotated with a fluid, linear animation". Is this a good design or a bad design, according to their criteria? [1] https://retr0.id/stuff/spinner.html https://retr0.id/stuff/spinner.html

tkzed49 4y ago
Surely someone can do better than this, but the spinning one looks broken to me, as if something snapped and it just began rotating violently. Why do some dots have different shades if not to convey the same motion as the rotation? It might as well be any random image spinning on the page. Maybe it feels like there's a lack of intention?
- judge2020 4y ago
  The right one should be fluid by design, ie. the image is a single curve teardrop-esque stroke and not segmented.
bobbylarrybobby 4y ago
You only need brightness to simulate the illusion of rotation in stationary dots. If the dots are actually rotating then you can just make them all the same brightness. Using two attributes to simultaneously recreate the same effect is overkill and ruins the effect altogether.
webstrand 4y ago
I'll speculate that smooth animations like the rotating spinner (right) made for larger gif images due to needing more frames. So historically the pulsing spinner (left) was preferred. You don't want the spinner itself to take very much time to load, either. Personally I like both, and might pick one or the other as a stylistic choice.
- anothernewdude 4y ago
  Can't you do the smooth animation with a still image and css?
  - viraptor 4y ago
    You can do it now, but "historically" as the parent post qualifies it it wasn't the case.
- userbinator 4y ago
  Personally I like both If you combine them, you get one where the dots spin slowly, while there's another spinning effect with the colours of the dots themselves.
bb88 4y ago
Are you old enough to remember the <blink> tag?
abofh 4y ago
I think you have to wait until loading is finished.
AdamJacobMuller 4y ago
Completely agree, as evidenced by the fact that the same fontawesome package includes both as an option it feels very wrong to suggest that one is "wrong" I, personally, prefer the one on the left too but I wouldn't ever say the one on the right is wrong or broken or needs to be "fixed"

tkzed49 4y ago

Surely someone can do better than this, but the spinning one looks broken to me, as if something snapped and it just began rotating violently. Why do some dots have different shades if not to convey the same motion as the rotation? It might as well be any random image spinning on the page. Maybe it feels like there's a lack of intention?

judge2020 4y ago
The right one should be fluid by design, ie. the image is a single curve teardrop-esque stroke and not segmented.

bobbylarrybobby 4y ago

You only need brightness to simulate the illusion of rotation in stationary dots. If the dots are actually rotating then you can just make them all the same brightness. Using two attributes to simultaneously recreate the same effect is overkill and ruins the effect altogether.

webstrand 4y ago

I'll speculate that smooth animations like the rotating spinner (right) made for larger gif images due to needing more frames. So historically the pulsing spinner (left) was preferred. You don't want the spinner itself to take very much time to load, either. Personally I like both, and might pick one or the other as a stylistic choice.

anothernewdude 4y ago
Can't you do the smooth animation with a still image and css?
- viraptor 4y ago
  You can do it now, but "historically" as the parent post qualifies it it wasn't the case.
userbinator 4y ago
Personally I like both If you combine them, you get one where the dots spin slowly, while there's another spinning effect with the colours of the dots themselves.

bb88 4y ago

Are you old enough to remember the <blink> tag?

abofh 4y ago

I think you have to wait until loading is finished.

AdamJacobMuller 4y ago

Completely agree, as evidenced by the fact that the same fontawesome package includes both as an option it feels very wrong to suggest that one is "wrong" I, personally, prefer the one on the left too but I wouldn't ever say the one on the right is wrong or broken or needs to be "fixed"