X Bookmarks — 2024 KW46: CSS anchor positioning, self-hosted analytics, and scraping tools

November 14, 2024

|bookmarks

by Florian Narr

X Bookmarks — 2024 KW46: CSS anchor positioning, self-hosted analytics, and scraping tools
CSS-only magnetic link effect 🤯

li:has(a:is(:hover, :focus-visible)) {anchor-name: --a; }
ul::before {
  left: anchor(--a left);
  width: anchor-size(--a width);
}

using CSS anchor positioning, declare an anchor on hover for the indicator 🚀

Smart — CSS anchor positioning has been in browsers for a while but almost nobody uses it for interactive UI tricks like this. Setting anchor-name dynamically on hover and letting ::before follow it via anchor() is genuinely clever. No JS, no scroll listeners, no getBoundingClientRect. Just a couple of selectors.

@rafalwilinski — Self-hosted Cloudflare web analytics without cookies

Self-hosted Cloudflare web analytics without cookies.

That's interesting because the main reason people still reach for GA is the "free and hosted" argument — Cloudflare Analytics is already free, but this pushes it further by going cookieless and self-hosted. If you're already on Cloudflare Workers, the marginal infrastructure cost is basically zero.

@tom_doerr — Swiss-army scraping tool for hackers

"Swiss-army tool for scraping and extracting data from online assets, made for hackers"

The description sells it better than most READMEs do. "Made for hackers" is doing real work here — it implies it handles the messy stuff (redirects, CAPTCHAs, rate limits, JS rendering) rather than just wrapping requests. Saved this to actually run against it before deciding if it replaces my current scraping setup.

@tom_doerr — The Open-Source Email Platform

"The Open-Source Email Platform"

Honestly just saved this so I don't forget it exists. Email infrastructure is one of those things that's either fully outsourced (SendGrid, Postmark) or a complete pain to self-host. An open-source platform that covers the full stack — sending, tracking, lists, transactional — is worth keeping in the bookmark pile for the next time a client asks about it.