4 ms·

how does it know how to convert a webpage to a ascii?

• tombh 8y ago
  Ha, that's a very long story. The gist though is that some custom CSS forces a given webpage into a strict, monospaced, mono-sized grid. Then JS queries DOM text nodes for their contents and precise positions. Then using the standard rules of text flow the exact position of every character can be fairly reliably derived.
  • enriquto 8y ago
    that's beautiful, where can we find this cool CSS file?
    • detaro 8y ago
      from a quick peek at the GH repo, https://github.com/browsh-org/browsh/blob/master/webext/assets/styles.css https://github.com/browsh-org/browsh/blob/master/webext/asse... and the JS in the surrounding extension code?
      • enriquto 8y ago
        thanks! I couldn't find it