DEV Community

Cover image for Show favicon over A href link with a Web Component
Danny Engelman
Danny Engelman

Posted on

Show favicon over A href link with a Web Component

After my previous longer blogpost Make It Snow!,
time for a smaller code-sized Web Component.

This blogpost: Using a CSS cursor to show the external link Favicon

converted to a <show-favicon> (Vanilla JavaScript) Web Component:

[open the Result tab of this JSFiddle and hover over a link]

That setTimeout explained:
Web Component developers do not connect with the connectedCallback (yet)

Top comments (0)

Visualizing Promises and Async/Await 🤯

async await

☝️ Check out this all-time classic DEV post

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay