Stay intimated with the recent happenings and occurrences all over the world...your satisfaction is our priority.

Tuesday, 7 May 2019

Chat client made entirely with CSS

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.



Share:

Popular Posts

Powered by Blogger.