Show and Tell: My personal music space

Links Around the Web
,
1

Hi everyone!

I’m currently building my personal music site and I’m planning to host it/link it here soon. I really want to add some animations to give it that “living” feel—specifically things like a spinning vinyl record or a subtle audio visualizer.

Before I dive in, I wanted to ask:

  1. Do you recommend using CSS keyframes for these kinds of loops, or is Lottie/GIF a better path for a “low-spec” friendly site?

  2. Are there any specific libraries you love for simple, lightweight web animations that won’t bloat the page?

  3. How do you handle animations so they don’t distract from the music content itself?

I’d love to see examples of how you’ve integrated animation into your personal sites! Thanks in advance.

I’ve been working on a personal site dedicated to my passion for music, and I’d love to share it with the community here. It’s a space where I [describe briefly: e.g., collect my favorite albums / share my own tracks / write about music gear].

I’m a big fan of the personal web movement, so I tried to keep the site [simple / aesthetic / focused on content]. You can check it out here:

2

You can probably do most of what you want in CSS alone, see my site for examples. Granted, doing it as gifs might be easier depending on how dedicated you are to learning it…

3

I don’t really use animations myself, but I recently read an article you might find interesting!