{"version":"1.0","provider_name":"Rebecca Rumble","provider_url":"https:\/\/www.dgmyspace.dumgal.ac.uk\/eportfolio\/rumbler","author_name":"Rebecca Rumble","author_url":"https:\/\/www.dgmyspace.dumgal.ac.uk\/eportfolio\/rumbler\/author\/rumbler\/","title":"Reducing Motion on Websites - Rebecca Rumble","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"gFIU51hodq\"><a href=\"https:\/\/www.dgmyspace.dumgal.ac.uk\/eportfolio\/rumbler\/2022\/05\/26\/reducing-motion-on-websites\/\">Reducing Motion on Websites<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.dgmyspace.dumgal.ac.uk\/eportfolio\/rumbler\/2022\/05\/26\/reducing-motion-on-websites\/embed\/#?secret=gFIU51hodq\" width=\"600\" height=\"338\" title=\"&#8220;Reducing Motion on Websites&#8221; &#8212; Rebecca Rumble\" data-secret=\"gFIU51hodq\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/www.dgmyspace.dumgal.ac.uk\/eportfolio\/rumbler\/wp-includes\/js\/wp-embed.min.js\n\/* ]]> *\/\n<\/script>\n","thumbnail_url":"https:\/\/www.dgmyspace.dumgal.ac.uk\/eportfolio\/rumbler\/wp-content\/uploads\/sites\/1694\/2022\/05\/Screenshot-2022-05-26-at-12.10.07.png","thumbnail_width":1366,"thumbnail_height":1010,"description":"A few months ago I came across a media query for Reduced Motion in CSS. Some users may find some animated motions on websites can make them feel ill. These users can switch on the Reduced Motion setting in their operating system to try and limit these motions. As web developers we can help by using CSS (and javaScript) to respect that setting. CSS Media Query for Reduced Motion Within the media query you can add settings to prevent transitions... Read More Read More"}