Email or username:

Password:

Forgot your password?
19 comments
Gabriel Garrido

@molly0xfff Running into sites using media queries or checking for reduced motion is somewhat like running into a legendary pokemon when starting out in Pallet Town.

ashleycollinge

@ggpsv @molly0xfff what do you use for mobile clients without media queries? Is there a better way? I've been trying to make my website as fast as possible, no JS etc. using Hugo

Gabriel Garrido

@ashleycollinge @molly0xfff Sorry, I was not clear. I meant using the media query for "reduced motion": `@media (prefers-reduced-motion)`.

I use this in my Hugo site so that the "jump to top" button is immediate if this setting is set in your device. Otherwise, the scroll is "smooth"

```
@media (prefers-reduced-motion) {
html {
scroll-behavior: auto;
}
}
```

ashleycollinge

@ggpsv Ahh I understand! I'm going to save that. I prefer websites to be snappy, too often I've managed to move the cursor to the next button before it's loaded, not good!

Gabriel Garrido

@ashleycollinge To be fair, CSS has changed a lot and it may be hard to keep up with all the latest things. But if you're doing a lot of animation/transition like Molly's example, it's good practice to respect that setting.

Gabriel Garrido

@molly0xfff :cheff-kiss:

Love the `.grift-counter` class, too.

Neia

@molly0xfff@hachyderm.io Yeah, I use uMatrix to prevent sites from using CSS or javascript — originally when every site decided we only needed text weight to be at homeopathic levels and ultra low contrast, but I've managed to mostly escape this drek.

It's terrible.

Vertana

@molly0xfff It does cut down on animations, so there can be a perceived performance increase.

Molly White

@vertana this is the site with prefers-reduced-motion. a responsible web dev would eliminate the unnecessary animations IMO

Vertana

@molly0xfff Wow. I don’t think I’ve actually seen a website respond to the reduced motion setting from the OS. This looks (and probably feels) much better with reduced motion.

Christian Kent

@molly0xfff @vertana I wouldn't mind this as the default, and (what you ask) no motion for the preference as set.

TBH there's some far farrrr worse stuff out there that bothers me 20x as much. Anything that reflows while I'm reading it — because a banner reloaded at the top with different sizes — or pretty much anything that delays the moment I can begin reading, just to load data.

Those sorts of things are "does not work as designed" whereas the OP is pointing out things that are annoying when working as designed. Two separate fights.

@molly0xfff @vertana I wouldn't mind this as the default, and (what you ask) no motion for the preference as set.

TBH there's some far farrrr worse stuff out there that bothers me 20x as much. Anything that reflows while I'm reading it — because a banner reloaded at the top with different sizes — or pretty much anything that delays the moment I can begin reading, just to load data.

Greg Brooks

@molly0xfff I was going to respond with that site that is super fast with no javascript ~”this site is really f’ing fast”, but web search is so completely broken today that I can’t find it.

Wenzel

@molly0xfff maybe this is a stupid idea, but I think we need a dumb browser that just does not support this stuff.

Made in DNA

@molly0xfff

Tho, I gotta admit, be cool if all corpos switched over to GeoCities and late 90s design.

Go Up