Made this just for fun.

Honest LinkedIn notifications: https://codepen.io/collinsworth/pen/eYxMQbj

Honest LinkedIn Notifications

What LinkedIn notifications might look like in a slightly more honest world. (Satire.)...

@collinsworth
Thank you for this love it.

Slight tangent, is svg use now recommended or would is it still better to use html boxes and buttons?

@amunizp I just used the SVGs since they're not actually interactive (and therefore, only decorative).

If they were actually interactive or meaningful to the UI, you'd still want to have them inside the proper HTML element, like a `<button>`, with accessible text descriptions where useful. I think that's what you mean?

@collinsworth
Yes! Exactly what I meant. But now my question is: Can <svg> enhance the <button> tag? Decoration wise or animation wise Or everything svg can provide a button already provides? Or if wanted simply embed svg and give it some sort of tag.

I am of course, speaking pure static HTML/CSS. No JS or PHP or other stuff.

@amunizp You can put SVG inside a button tag, yes, either as an inline element or as an img src, to enhance it. The important thing is just to remember to include accessible text in the button too.