Add a post about prefers-reduced-motion
This commit is contained in:
parent
7d41626e4b
commit
2d6270262b
1 changed files with 29 additions and 0 deletions
|
@ -0,0 +1,29 @@
|
|||
X-Date: 2023-08-17T23:00:00Z
|
||||
X-Note-Id: cc2f05b8-6a95-452a-875b-887fde269c35
|
||||
Subject: Enjoing internet with prefers-reduced-motion
|
||||
X-Slug: enjoying_internet_with_prefers_reduced_motion
|
||||
|
||||
I didn't know this before, but you can actually set a special toggle in your operating system
|
||||
that would remove most of the animations on the web by default. It means that you will no longer
|
||||
see some of the distracting auto-playing things. They would be just static pictures. Many well-behaved
|
||||
sites would also disable some of the CSS and JavaScript-based animations as well.
|
||||
|
||||
In effect, it sets the [prefer-reduced-motion](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion)
|
||||
CSS flag. Exactly how to set this depends on your operating system. Just follow the link and there are recommendations
|
||||
for most of the popular ones.
|
||||
|
||||
This is how I do it in NixOS:
|
||||
|
||||
```
|
||||
gtk = {
|
||||
enable = true;
|
||||
gtk3.extraConfig = {
|
||||
gtk-enable-animations = "0";
|
||||
};
|
||||
gtk4.extraConfig = {
|
||||
gtk-enable-animations = "0";
|
||||
};
|
||||
};
|
||||
```
|
||||
|
||||
Setting this option would oftentimes also save battery life on your laptop as well.
|
Loading…
Reference in a new issue