4 ms·

I liked the article, but I did not like the eye in the header blinking at me as I read it.

cocoflunchy 11y ago
Same here, luckily I have a very handy bookmarklet (that I probably found here at some point) to delete any DOM element on the page: javascript:(function(){document.styleSheets[0].addRule(".highlighted_to_remove","background:red !important");var e=function(e){if(e.keyCode==27){i()}};document.addEventListener("keydown",e);var t=function(e){e.stopPropagation();this.classList.add("highlighted_to_remove");return false};var n=function(e){e.stopPropagation();this.classList.remove("highlighted_to_remove");return false};var r=function(e){this.parentNode.removeChild(this);i();e.preventDefault();e.stopPropagation();return false};var i=function(){var i=0;var s=document;while(s=document.body.getElementsByTagName("*").item(i++)){s.removeEventListener("mouseover",t);s.removeEventListener("mouseout",n);s.removeEventListener("click",r);s.classList.remove("highlighted_to_remove")}document.removeEventListener("keydown",e)};var s=0;var o=document;while(o=document.body.getElementsByTagName("*").item(s++)){o.addEventListener("mouseover",t);o.addEventListener("mouseout",n);o.addEventListener("click",r)}})()
- savanaly 11y ago
  Alternatively, right click the element and choose inspect element, then add "display: none" to its css rules.
  - vjeux 11y ago
    Even easier, right click, inspect element and hit the delete key :)
  - deleted 11y ago
    [deleted]
  - deleted 11y ago
    [deleted]
- jhgg 11y ago
  Another bookmarklet that does the same thing, but a bit more polished: javascript:(function(){var e=document.body.style.cursor;document.body.style.cursor="crosshair";var t=document.createElement("div");var n="border:1px solid #3280FF;background-color:rgba(50,128,255,0.5);position:absolute;z-index:2147483647;display:none;";var r="pointer-events:none;";var i="transition:width 60ms,height 60ms,left 60ms,top 60ms;";n+=r+"-webkit-"+r+"-moz-"+r;n+=i+"-webkit-"+i+"-moz-"+i;t.setAttribute("style",n);document.body.appendChild(t);var s=null;var o=function(e){var n=e.target;if(n!==s&&n.parentNode){var r=n.getBoundingClientRect();var i=document.documentElement;var o=document.body;var u=i.clientTop||o.clientTop||0;var a=i.clientLeft||o.clientLeft||0;var f=window.pageYOffset||i.scrollTop||o.scrollTop;var l=window.pageXOffset||i.scrollLeft||o.scrollLeft;var c=l-a+r.left-1;var h=f-u+r.top-1;t.style.display="block";t.style.left=c+"px";t.style.top=h+"px";t.style.width=r.width+"px";t.style.height=r.height+"px";s=n}};var u=function(n){document.body.style.cursor=e;if(n.target.parentNode)n.target.parentNode.removeChild(n.target);if(t.parentNode)t.parentNode.removeChild(t);window.removeEventListener("click",u,false);window.removeEventListener("mouseover",o,false);n.stopPropagation();n.preventDefault()};window.addEventListener("mouseover",o,false);window.addEventListener("click",u,false)})();void(0)
anonymfus 11y ago
IIRC there were studies that images of eyes force people to answer questions more honestly. I wonder which effect is stronger.
sean-duffy 11y ago
If you disable Javascript you're left with a blank page with just the blinking eye in the middle.
- marvy 11y ago
  It's called graceful degradation: figure out what parts of the user experience are so important they have to work even without JS enabled, and make sure they do. They clearly knew what their priorities were.
GigabyteCoin 11y ago
Right click->inspect element->delete node
- developer1 11y ago
  Did this too. That eye is doing a disservice to that site - if wasn't a web developer who knows how to remove that, I would not have finished reading the article and left that page. Annoying things chase people away, guarantee that site gets less return visitors because of it.
dazhbog 11y ago
hahaha same here.. a bit annoying

Same here, luckily I have a very handy bookmarklet (that I probably found here at some point) to delete any DOM element on the page: javascript:(function(){document.styleSheets[0].addRule(".highlighted_to_remove","background:red !important");var e=function(e){if(e.keyCode==27){i()}};document.addEventListener("keydown",e);var t=function(e){e.stopPropagation();this.classList.add("highlighted_to_remove");return false};var n=function(e){e.stopPropagation();this.classList.remove("highlighted_to_remove");return false};var r=function(e){this.parentNode.removeChild(this);i();e.preventDefault();e.stopPropagation();return false};var i=function(){var i=0;var s=document;while(s=document.body.getElementsByTagName("*").item(i++)){s.removeEventListener("mouseover",t);s.removeEventListener("mouseout",n);s.removeEventListener("click",r);s.classList.remove("highlighted_to_remove")}document.removeEventListener("keydown",e)};var s=0;var o=document;while(o=document.body.getElementsByTagName("*").item(s++)){o.addEventListener("mouseover",t);o.addEventListener("mouseout",n);o.addEventListener("click",r)}})()

savanaly 11y ago
Alternatively, right click the element and choose inspect element, then add "display: none" to its css rules.
- vjeux 11y ago
  Even easier, right click, inspect element and hit the delete key :)
- deleted 11y ago
  [deleted]
- deleted 11y ago
  [deleted]
jhgg 11y ago
Another bookmarklet that does the same thing, but a bit more polished: javascript:(function(){var e=document.body.style.cursor;document.body.style.cursor="crosshair";var t=document.createElement("div");var n="border:1px solid #3280FF;background-color:rgba(50,128,255,0.5);position:absolute;z-index:2147483647;display:none;";var r="pointer-events:none;";var i="transition:width 60ms,height 60ms,left 60ms,top 60ms;";n+=r+"-webkit-"+r+"-moz-"+r;n+=i+"-webkit-"+i+"-moz-"+i;t.setAttribute("style",n);document.body.appendChild(t);var s=null;var o=function(e){var n=e.target;if(n!==s&&n.parentNode){var r=n.getBoundingClientRect();var i=document.documentElement;var o=document.body;var u=i.clientTop||o.clientTop||0;var a=i.clientLeft||o.clientLeft||0;var f=window.pageYOffset||i.scrollTop||o.scrollTop;var l=window.pageXOffset||i.scrollLeft||o.scrollLeft;var c=l-a+r.left-1;var h=f-u+r.top-1;t.style.display="block";t.style.left=c+"px";t.style.top=h+"px";t.style.width=r.width+"px";t.style.height=r.height+"px";s=n}};var u=function(n){document.body.style.cursor=e;if(n.target.parentNode)n.target.parentNode.removeChild(n.target);if(t.parentNode)t.parentNode.removeChild(t);window.removeEventListener("click",u,false);window.removeEventListener("mouseover",o,false);n.stopPropagation();n.preventDefault()};window.addEventListener("mouseover",o,false);window.addEventListener("click",u,false)})();void(0)

anonymfus 11y ago

IIRC there were studies that images of eyes force people to answer questions more honestly. I wonder which effect is stronger.

sean-duffy 11y ago

If you disable Javascript you're left with a blank page with just the blinking eye in the middle.

marvy 11y ago
It's called graceful degradation: figure out what parts of the user experience are so important they have to work even without JS enabled, and make sure they do. They clearly knew what their priorities were.

GigabyteCoin 11y ago

Right click->inspect element->delete node

developer1 11y ago
Did this too. That eye is doing a disservice to that site - if wasn't a web developer who knows how to remove that, I would not have finished reading the article and left that page. Annoying things chase people away, guarantee that site gets less return visitors because of it.

dazhbog 11y ago

hahaha same here.. a bit annoying