Bear Does Analytics with CSS

• image-monitor

  1 - -

I'm not sure about `url()` in CSS but `` tags are guaranteed to only be loaded once per URL per page. I would assume that `url()` works the same.

This bit me when I tried to make a page that reload an image as a form of monitoring. However URL interestingly includes the fragment (after the #) even though it isn't set to the server. So I managed to work around this by appending #1, #2, #3... to the image URL.

https://gitlab.com/kevincox/image-monitor/-/blob/e916fcf2f9a...

• css-only-chat

  13 6,544 0.0 Ruby

  A truly monstrous async web chat using no JS whatsoever on the frontend

The idea of using CSS-triggered requests for analytics was really cool to me when I first encountered it.

One guy on twitter (no longer available) used it for mouse tracking: overlay an invisible grid of squares on the page, each with a unique background image triggered on hover. Each background image sends a specific request to the server, which interprets it!

For fun one summer, I extended that idea to create a JS-free "css only async web chat": https://github.com/kkuchta/css-only-chat

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

Suggest a related project