Top
Best
New

Posted by PaulHoule 10 hours ago

Death to Scroll Fade(dbushell.com)
338 points | 184 commentspage 4
cogman10 9 hours ago|
Really, almost any animation or hijacking on scrolling should be abolished. It's one of the most disgusting things to encounter on a webpage.

I 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.

https://www.apple.com/macbook-neo/

jevndev 9 hours ago||
My least favorite by far is the “multi section” webpage design. Where the page is split into multiple whole-screen sections and scrolling the mouse wheel alternates between either moving between sections or playing the animations of that section. Yes please make my scroll wheel only sometimes actually scroll the page and other times rotate a graphic for way too long thanks
alprado50 9 hours ago|||
Agree. I understand why people like those animations and sometimes even i want to implement these in my website with GSAP, but then i remember that these animations make my content harder to read.
MoonWalk 8 hours ago||
Another major pisser is sites that deliberately disable zooming on their mobile incarnations. WTF, WHY? My favorite was when Google imperiously declared that it would "punish" "non-mobile-friendly" sites in their search results... but then disabled zooming on its own pages.
hirako2000 8 hours ago||
What sucks with scroll fade is when it fades slower than one can read or scroll.

Fading the entire content very fast, so fast that it's barely perceptible is actually better on the eyes.

Blinking hurts. Fast changing contrast hurts. The fade is a natural effect I use everywhere almost. My eyes never complained, rather are grateful for the small effort it takes to get right

wtallis 5 hours ago|
The motion of the scrolling already ensures that the new content is revealed gradually. There's no need for a fade-in animation on top of that. It's just punishing the user for scrolling too fast.
netrap 9 hours ago||
Death to Scroll Bar size change!!!
msarnoff 9 hours ago||
Originally read the URL as “D-Bus Hell dot com” and was like… yup.
realaliarain74 4 hours ago||
counterpoint: this assumes everyone has the same constraints. not always true
Animats 7 hours ago||
This terrible idea is a parody of a good idea from game design - LOD cross-fade. When a distant object changes from a low level of detail representation to a higher one, or vice versa, the change is best done as a cross fade. The old one fades out to transparent, the new one fades in from transparent.

This is done to hide the change, not as a creative effect. The human visual system is very sensitive to fast changes. But below half a second, smooth changes are not too noticeable. With this trick, plus a slight amount of distance haze, you can get away with quite low detail distant models. That's part of how GTA V does those long vistas efficiently.

Here's a long drive around the GTA V world.[1] Watch how background objects change. Many distant background objects start out with very low detail. Watch power line towers, for example, which are very low detail until about 100m range. The cross-fade to a better model takes about a half second. Active players don't notice.

[1] https://www.youtube.com/watch?v=ws_yYxUaWRE

wtallis 5 hours ago|
It works for games because the fade-in of distant objects happens long before the object in question becomes the focus of the user's attention. It cannot work well for scrolling a web page because getting to the new content is the entire reason the user is scrolling the page, so they're going to be looking right at it (and trying to read it) during the fade.
slopinthebag 7 hours ago||
As always with this stuff, it's only bad when you notice it. When it's done right you just think "That was a nicely designed page".
Shuyusyz60 5 hours ago||
good read. thanks for sharing
charcircuit 9 hours ago||
This website has a slow and laggy implementation which unfairly shows off the effect.
LocalH 6 hours ago|
The HTML of that last paragraph sent me lmao
More comments...