Email or username:

Password:

Forgot your password?
Top-level
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.

6 comments
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.

Go Up