ambientimpact.comAmbient.Impact

Main navigation Web dev Snippets Why the web? Resources Components Tags Portfolio Gaming About Contact Hi there. My name is Matei Stanca and I make websites and stuff. Don’t fall into the well again Featured project Neurocracy Project media Neurocracy is a project conceived by Joannes Truyens , Younès Rabii , and myself, featuring visual direction and illustrations by Alice Duke and Ollie Tarbuck in addition to a range of futurist stories from contributing writers Leigh Alexander , Io Black , Holly Nielsen , Malka Older , Edward Smith , Axel Hassen Taiari , and Yudhanjaya Wijeratne . It aims to be equal parts interactive fiction and cautionary tale about the intersection of surveillance capitalism, big data, and authoritarianism. View portfolio Latest snippets How I experience the web today Truly a living nightmare. A great interactive demo showcasing just about all the major obnoxious dark patterns a lot of larger websites use to make our lives miserable. Not the dystopian future we were promised. Don’t attach tooltips to document.body Instead of attaching tooltips directly to document.body , attach them to a predefined div in document.body . BAD Code language: HTMLbody! temporary div, vanishes when tooltips vanishes divmy tooltip/ div bodyGOOD Code language: HTMLbody! this div stays forever, just for attaching tooltips div id = "tooltips-container"! temporary div, vanishes when tooltips vanishes divmy tooltip/ div / div bodyIntroduction Tooltips in our app were taking 80ms . And during this time, the main thread was blocked, you couldn’t interact with anything. Other components like modal, popover, dropdown had similar performance issues. In some cases, a modal took more than 1 second to appear while making the UI unresponsive. Read on in the source link for details. js;dr js;dr is JavaScript required; Didn’t Read. Pages that are empty without JS: dead to history (archive-org), unreliable for search results (despite any search engine claims of JS support, check it yourself), and thus ignorable. No need to waste time reading or responding. Also known as, if it’s not curlable, it’s not on the web. View all snippets Find me on GitHub Find me on GitLab Find me on Drupal.org Find me on Mastodon Find me on Steam Find me on...