My most useful tool that helps me be a better UI developer

let s = document.querySelector('#__ext_plugs_outline_style__');
if (s) {
s.parentNode.removeChild(s);
} else {
s = document.createElement('style');
s.id = '__ext_plugs_outline_style__';
s.innerText = '* { box-shadow: inset 0 0 1px green; } iframe { box-shadow: 0 0 1px green; }';
document.head.appendChild(s);
}
  • copy and paste this snippet each time you need it
  • create a snippet inside DevTools
    In Chrome you can go to: DevTools > Sources > Snippets > + New snippet > Enter snippet name and save it for later usage
  • create a Chrome Extension for that. You can use mine for reference https://github.com/chestozo/outliner.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store