Remaking the line-mode browser

Actually, there’s one hack that was pretty cool. As mentioned, the original browser parsed and then drew to the screen character by character. Which basically means you see the browser draw, quite quickly, but still very noticeably, each character to the screen,. We wanted to emulate this, as it is as much a part of the original experience as the monochrome screen, or monospace font used.

Our original idea was to use CSS animations for this. But, this would require wrapping every individual character in a span element, then showing each character one by one.

Then in most likely a caffeine fuelled brainstorm, we came up with the idea of covering the document with a black, opaque canvas, then repeatedly erasing a rectangle the size of a character column by column, line by line.

Source

It’s a really nice touch: Launch the Line Mode Browser

Leave a Reply

Your email address will not be published. Required fields are marked *