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