Elektrine lite

← Feed

@chris_hayes@fosstodon.org

Post #1154013

2024-12-06 20:06 UTC

I made a thing. You can put a Mastodon post URL in the search box and it will show the post. https://fediverse.hayes.software I was learning #Fedify and I wanted to make a minimal Next.js example of a "read-only" app that was for consuming the Fediverse and didn't mess with interactions. It started as a boilerplate to benefit other devs, but the act of making it forced me to learn a lot more about Fedify and ActivityPub. #WebDev #Demo

Replies (2)

  • @chris_hayes@fosstodon.org 2024-12-06 20:06

    I'll say in my campaign to make a fun design the React code is not pretty. Floating elements that break out of CSS's box model are tricky. In a more polished version, I would love to make Web Components that abstract away the messiness of sticking shapes all over the place. The hashtag/link highlight is achieved with an SVG path, since SVG paths aren't too difficult to control their length in code. The cloud is animated by ensuring each "blob" is a separate SVG path.

    Open ##2341689

  • @volod@fosstodon.org 2024-12-23 14:46

    It's an amazing design. I love the highlights on the links

    Open ##2341692