DEV Community

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

Posted on

1

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)

This post blew up on DEV in 2020:

js visualized

🚀⚙️ JavaScript Visualized: the JavaScript Engine

As JavaScript devs, we usually don't have to deal with compilers ourselves. However, it's definitely good to know the basics of the JavaScript engine and see how it handles our human-friendly JS code, and turns it into something machines understand! 🥳

Happy coding!