How do I change the `prefers-reduced-motion` setting in browsers? - browser

There is plenty of documentation around on how to use the prefers-reduced-motion media query in CSS.
This is great but now that I'm using prefers-reduced-motion in my CSS, I want to be able to test what using my site is like for someone that has this setting enabled. I can't find any information on how to do this though and I'm having difficulty finding this as a setting in browser settings.
Maybe this isn't a browser setting at all. Maybe this is something that is set at the Operating System level. 🤔

Oh, I didn't see the "User Preferences" section in the mdn documentation. 🤦🏻‍♂️
For Firefox, the reduce request is honoured if:
In GTK/Gnome, if gtk-enable-animations is set to false. This is configurable via GNOME Tweaks (Appearance tab or General tab, depending on version).
Alternately, add gtk-enable-animations = false to the [Settings] block of the GTK 3 configuration file (~/.config/gtk-3.0/settings.ini).
In Windows 10: Settings > Ease of Access > Display > Show animations in Windows.
In Window 7 [& 8]: Control Panel > Ease of Access > Make the computer easier to see > Turn off all unnecessary animations (when possible).
In macOS: System Preferences > Accessibility > Display > Reduce motion.
In iOS: Settings > General > Accessibility > Reduce Motion.
In Android 9+: Settings > Accessibility > Remove animations.
Source: https://developer.mozilla.org/en-US/docs/Web/CSS/#media/prefers-reduced-motion#User_Preferences
It says "for Firefox" however since this is a system setting at the OS level, this is likely how you change the setting for all browsers that support this media query.

This should be an OS setting, I know in Mac OS it is under: System Preferences > Accessibility > Display > Reduce motion.
In Windows 10: Settings > Ease of Access > Display > Show animations in Windows.
More info:
https://developer.mozilla.org/en-US/docs/Web/CSS/#media/prefers-reduced-motion
Also please note not all browsers support or honor the setting

As per the other answers, this is an OS setting.
However, for testing, Chromium-based browsers allow you to temporarily change the setting from the developer tools:
To simulate the operating system's reduced motion setting, without
having to change your operating system setting:
Press Ctrl+Shift+P on Windows/Linux or Command+Shift+P on macOS to open the Command Menu.
Type reduced, to turn the simulation on and off. Select the Emulate CSS prefers-reduced-motion option, and then press Enter.
Refresh the webpage and check whether your animations run.
Source: Microsoft Edge docs on "Simulate reduced motion" (but not specific to Edge).

Related

How can I disable red flags warnings on sublime 3?

I would like to know how can i disable this red flags warnings (image-link below) to showing and what is this for and which package belongs? I have to be constantly hitting the X and is disturbing the work flow.
This is a built in feature in Sublime; it's controlled by the following setting, which defaults to being turned on:
// Shows build errors just under the line on which they occur.
"show_errors_inline": true,
If you turn this off in your user preferences (right hand pane in the Preferences > Settings window) it will stop doing that.
If this setting is turned off but you still see these appearing when you build, then you're using a third party package that's not properly respecting the setting; in that case you would need to contact the maintainer of said package and get them to fix that for you.

Disable Gnome classic desktop hot corner

Is there a way to disable Gnome classic desktop hot corner (upper left corner)? I activate it accidentally far more often than I do intentionally which is quite annoying. I have a Fn+whatever key that will do the same thing, so I don't really need the hot corner.
You should be able to do that throught the gnome-tweak-tool... it should be listed there along with your default extensions...
However if your case is like mine, you won't find the default extension there and will have to install one by yourself, I've installed the one below and the "No topleft hot corner" extension started to show up on my extension list...
https://github.com/HROMANO/nohotcorner/archive/master.zip
Also here's the thread where I've found the extension:
https://www.centos.org/forums/viewtopic.php?t=48130

How can I disable autocorrect in Edge?

I want to disable autocorrect in specific page of Edge Browser.
How can I disable autocorrect in Edge?
But I don't want to disable autocorrect of whole Windows10.
(example...Settings -> Devices -> Typing....This is not...!!)
You can solve this without editing the registry:
It's not about Edge but the whole win 10. Open
Settings from the start menu, then go to devices. There you'll find a
tab named Typing, fifth in the list for me, and the autocorrect
feature is displayed there. If you switch the autocorrect off, edge
will stop bugging your text (i actually wrote this in edge ;) ).
Enjoy. :)
Note: Currently open Edge windows will still auto-(in)correct until Edge has been restarted.
Another article in the link in Etiennes answer.
Apparently the menu is not available by default.
By reading the instructions here : http://answers.microsoft.com/en-us/windows/forum/windows_10-networking/how-to-turn-of-autocorrect-typing-in-edge/6944dcc4-6ef4-4ec6-afaa-5a0ca08c3bd2?auth=1
You can follow this and it should work :
If for some reason the "Typing" tab in the settings is gone (It was for me) you can unhide it through regedit.
Use regedit and search for the following value: "ShowAutoCorrection". Change the value to '1' and you should be able to access "Settings -> Devices -> Typing" to change your autocorrection settings.
Restart your application, log in and out, or reboot your system to make the changes apparent. It worked for Skype at the very least for me.
I have found a solution, friends of Edge! Download the Tampermonkey MS Edge extension from the Windows Store and install the following UserScript:
https://greasyfork.org/de/scripts/39190-disable-spellcheck-globally
This UserScript sets the "spellcheck" attribute to the global element/tag of every website you visit so that Edge MUST obey the rules. This also fixes the issue of auto-correction.
If you want to limit it to a certain website just modify the "#include" tags, for example:
#include https://www.reddit.com/*
To disable spellchecking on reddit only.
You can get Tampermonkey here: https://www.microsoft.com/en-us/store/p/tampermonkey/9nblggh5162s
Works on Windows 10 build 17112.1
What I found to do it disable autocorrect in the new Chromium-based Edge, is to right-click on a word that has been autocorrected. It should list the original word with the option to restore it. Beneath that, there should be an option to either disable autocorrect for that site or permanently. Select your preference and autocorrect should stop bugging you.
Hope to be of help.

What window manager should I use as example?

I want to implement a simple specialized window manager for presentations (not user-controllable) that supports only the following operations:
Moving and resizing of windows
Switching desktops
Starting applications not on current desktop (in background) without disrupting current image.
I don't need any user input, button/titles, ...
What existing window manager should I use as example? There are many little "hello world" window managers, but they usually does not support desktop switching.
You don't need to reimplement the wheel.
openbox will do everything you mention and more besides.
Simply edit the rc.xml to disable the root menu, and re-launch.
Openbox also allows per app setting so that certain applications can open on a particular desktop by default, or with a particular size, or open hidden.
It also supports wildcards in the window selection, so that settings can apply to all windows.
devilspie2 is a window matching utility that can perform actions whenever a window opens.
It is highly hackable and the code is available on github. It will match windows by name/class/etc when they open, and perform actions on them. (including matching all windows and moving them to a different desktop. It will work with most window managers.
Based on the original devilspie which does not have Lua scripting, but is configured using s-exprs instead.
xdotool will also allow you to perform complex actions on windows without hacking any code. It will even fake user input (mouse/kbd) if you need it.
There are a few window managers written in Python that could be good starting points. Qtile and whimsy both describe themselves as hackable.

No memory window in Visual Studio 2010

I have VS2010 Premium RTM version on Windows 7 Ultimate x64.
In the documentation they refer to the Memory 1-4 windows, supposedly under Debug->Windows->Memory.
I have "Enable address-level debugging" enabled in VS (Options->Debugging).
The problem is that I have no Memory menu item under Debug->Windows during debug of a c++ program.
Under Debug->Windows I have only:
Breakpoints
Parallel Tasks
Parallel Stacks
Watch ->
Locals
Call Stack
Threads
Have anyone else experienced this (and hopefully solved it)?
During the first run of VS after installation it asks you which "mode" it should run in, depending on your selection it shows or hides various menu items etc. Maybe you selected an option that hid those windows? This is described at this page.
I think you can use the information on this page to change those settings.
You might also be able to just run Devenv /ResetSettings to reset them, but not sure exactly what you'd end up with then...
Go to command Window and type in memory. It will show the Memory 1 watch window. I had to do that because I still can't find the debug command for it under customize even.
You can switch to expert mode by checking :
Tools > Settings > Expert Settings
Now you can show up Registers Window and much more other windows
The Memory window is available only if address-level debugging is enabled in the Options dialog box, Debugging node. The Memory window is not available for Script or SQL, which are languages that do not recognize the concept of memory.
or go here for other details:
http://msdn.microsoft.com/en-us/library/s3aw423e.aspx

Resources