Post #2341689
2024-12-06 20:06 UTC
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.
Replies (1)
-
@chris_hayes@fosstodon.org 2024-12-06 20:08
I also mention designing this in Inkscape over here: https://fosstodon.org/@chris_hayes/113590768595417891 I'll say for picking an interesting and consistent visual style, designing everything ahead of time in Inkscape was crucial. Trial-erroring designs in code is just too time consuming, and having a design I liked pushed me to achieve visual effects that are not easy to make in code.