Death to Scroll Fade
21–30 of 232 posts
Re: Death to Scroll Fade
#22The poster seems to be implying that this effect is prevalent across the web, yet i'm seeing it for the very first time on that post. (And, indeed, it's annoying. My eyes can't read when there's animation going on nearby.) The goldfish animation along the bottom is epic and i will have to mine that bit for reuse somewhere :).
Anthropic uses it across all their websites, here's a typical example where the effect is obvious as you scroll down: https://claude.com/solutions/agents I could be wrong, but my simple guess is that it's become widespread in LLM-generated websites partly because of Anthropic's own style guides getting adopted through Claude-bundled skills and such.
Re: Death to Scroll Fade
#23The poster seems to be implying that this effect is prevalent across the web, yet i'm seeing it for the very first time on that post. (And, indeed, it's annoying. My eyes can't read when there's animation going on nearby.) The goldfish animation along the bottom is epic and i will have to mine that bit for reuse somewhere :).
Anthropic uses it across all their websites, here's a typical example where the effect is obvious as you scroll down: https://claude.com/solutions/agents I could be wrong, but my simple guess is that it's become widespread in LLM-generated websites partly because of Anthropic's own style guides getting adopted through Claude-bundled skills and such.
“Motion: Use animations for effects and micro-interactions. Prioritize CSS-only solutions for HTML. Use Motion library for React when available. Focus on high-impact moments: one well-orchestrated page load with staggered reveals (animation-delay) creates more delight than scattered micro-interactions. Use scroll-triggering and hover states that surprise.”
Re: Death to Scroll Fade
#24The poster seems to be implying that this effect is prevalent across the web, yet i'm seeing it for the very first time on that post. (And, indeed, it's annoying. My eyes can't read when there's animation going on nearby.) The goldfish animation along the bottom is epic and i will have to mine that bit for reuse somewhere :).
You probably haven't noticed it before because when it's done well, it's a subtle and pleasant effect that can be used to draw your attention to particular elements on the page. This site is intentionally doing it very poorly to make a point. Really, the takeaway should be don't do things poorly. But that's kind of obvious.
I've seen it quite a lot, but apparently I've never seen it done well. It's a very annoying effect that chases me away from the site using it.
Re: Death to Scroll Fade
#25The poster seems to be implying that this effect is prevalent across the web, yet i'm seeing it for the very first time on that post. (And, indeed, it's annoying. My eyes can't read when there's animation going on nearby.) The goldfish animation along the bottom is epic and i will have to mine that bit for reuse somewhere :).
You probably haven't noticed it before because when it's done well, it's a subtle and pleasant effect that can be used to draw your attention to particular elements on the page. This site is intentionally doing it very poorly to make a point. Really, the takeaway should be don't do things poorly. But that's kind of obvious.
It's always awful. This site is exagerated in degree, but in kind it's merely on the scale of awful.
Computers should not waste my time. Even if eyes are 10ms faster than the awful fade, if a million people see it, that's almost three hours of human life down the drain.
And when scrolling fast, or far, it's not uncommon to have it waste a second of human time. A million of those is 38 human working days, just flushed down the toilet, because someone wanted "pleasant".
It's fantastically disrespectful of other people's time.
The web is already slow. No need to deliberately spend effort to make it even slower.
Re: Death to Scroll Fade
#26I raise you one. Death to the parallax scroll. In fact, death to all scroll animations.
Re: Death to Scroll Fade
#27The poster seems to be implying that this effect is prevalent across the web, yet i'm seeing it for the very first time on that post. (And, indeed, it's annoying. My eyes can't read when there's animation going on nearby.) The goldfish animation along the bottom is epic and i will have to mine that bit for reuse somewhere :).
Anthropic uses it across all their websites, here's a typical example where the effect is obvious as you scroll down: https://claude.com/solutions/agents I could be wrong, but my simple guess is that it's become widespread in LLM-generated websites partly because of Anthropic's own style guides getting adopted through Claude-bundled skills and such.
15 years ago it did look very polished, boutique, professional. Now that it's a module everyone can do, everyone literally does it for every module.
Also there's tailwind that likely has a module for all the modules in webflow.
Re: Death to Scroll Fade
#28If you design the animation to be way over the top like this, and then design the page to use it on every line then of course it looks like shit.
This is like arguing against any amount of sugar in food and then shoveling it into someone's mouth to try to prove your point. It's disingenuous and you aren't proving anything. I don't even think the top agreeing comments here are coming from web devs or the target users.
Re: Death to Scroll Fade
#29Earlier quoted context omitted.
I was redesigning a website of mine and Claude suggested to add this as an animation. My theory is that, if claude is confident in a suggestion, a lot of other people have done the same. Maybe it's too subtle to notice. Edit: on odeva.nl
The scroll fade on that site is comparatively inoffensive ( comparatively ), because you messed with scrolling itself, which is one of the worst things you can do, taking over and ruining inertia. You’re literally going out of your way to make things worse . The ONLY time scrolljacking of any kind is acceptable is for things like maps where there is no “normal”.
Re: Death to Scroll Fade
#30I don't want your product to spin while I scroll down. I don't want animations or boxes to start appearing or disappearing. I don't want helpful tooltips, popups, or "I hope you enjoyed this" notifications to appear as I scroll.
What I want when I scroll is for the page to move, either up or down, in a completely consistent manner. I want to be able to reasonably predict what I'll see as I go up or down.
Apple loves this shit. Fortunately they aren't AS BAD as they once were, but you'll still encounter it on their product pages.