I implemented hover link preview on my site! It: - is a bit wonky - preserves privacy (images are fetched server-side, re-encoded as webp, served as data URLs) - is nice/useful in my humble opinion - ThreadSky

fasterthanli.me • 72 days ago

I implemented hover link preview on my site! It:

- is a bit wonky
- preserves privacy (images are fetched server-side, re-encoded as webp, served as data URLs)
- is nice/useful in my humble opinion

Comments

kosalab.dev•71 days ago

Neat! I can see it being useful for a quick "do I want to jump" check

If you're taking suggestions:

- Have it show up after at least a second of hovering, the popups often block text I want to read on accident
- The images are huge compared to the text but I'm always more interested in the latter

fasterthanli.me•71 days ago

I addressed both, lemme know how the new version feels!

kosalab.dev•70 days ago

I like the changes! The popup is easier to read, and the cursor hint is pretty neat.

There is a janky bug though I'm not sure if it's only on my machine: if the cursor is positioned just right (around the bottom of the link), the popup phases in and out of existence

uncenter.dev•72 days ago

noticing that if i hover briefly over a link with an uncached preview and then move my mouse away to somewhere else, the hover card still shows up where my mouse was a second ago - a little disorienting

uncenter.dev•72 days ago

looks neat! how does it look for sites without OG images?

uncenter.dev•72 days ago

ah it just doesn't show anything

erika.florist•72 days ago

That's cool, awesome work

remblanc.com•70 days ago

it is indeed a bit wonky on mobile. looks nice tho

freyjadomville.co.uk•71 days ago

Oooh that is really nice

freyjadomville.co.uk•71 days ago

Wonder if I could get Astro to do this at build time on my own hardware - something to consider when I move to Heztner/Scaleway plus a CMS instead of Vercel's free tier.

himawari.fun•72 days ago

what's the tech look like? are these crawled at build time

welltypedwit.ch•72 days ago

whoaah that's so pretty!!

fasterthanli.me•72 days ago

thanks ^_^

fasterthanli.me•72 days ago

While implementing this, I discovered that sometimes https://lib.rs claims to serve a .png but really it's serving an svg (for the tokio-rustls page for example).

So I added support for image/svg+xml data URLs, easy enough 🤷

fasterthanli.me•72 days ago

Of course I didn't want anyone to be able to have my servers fetch from any domain/URL, so the link-preview endpoint only allows fetching from a handful of domains, _or_ anything that's linked from the given page on my site.

Comments

Posting Rules

Reply