MacMusic  |  PcMusic  |  440 Software  |  440 Forums  |  440TV  |  Zicos
page
Search

Chat client made entirely with CSS

Wednesday May 8, 2019. 02:25 AM , from BoingBoing
CSS-only-chat uses no javascript and doesn't reload the page. It's amazing—and terrible. How is it done?
Background-images loaded via pseudoselectors + a forever-loading index page
In laypersons' terms: cover the page in elements, assign each one an individual background image, but only trigger the image when the mouse interacts with it. Voila: communication with a server without javascript or form submission. Other users get updates thanks to a HTML header that forces a page to render before it completes loading, so you can just keep appending new html to the end so long as you never stop sending data.
It's a total abomination and I love it.

It occurred to me that you can remotely monitor the cursor location without JS by using some CSS:hover selectors to change hidden background images (causing a GET request).
This should work on Tor as well and could be an interesting approach to tracking visitors.
— davy (@davywtf) May 3, 2019
https://boingboing.net/2019/05/07/chat-client-made-entirely-with.html
News copyright owned by their original publishers | Copyright © 2004 - 2025 Zicos / 440Network
Current Date
May, Wed 7 - 18:46 CEST