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)

typescript

11 Tips That Make You a Better Typescript Programmer

1 Think in {Set}

Type is an everyday concept to programmers, but it’s surprisingly difficult to define it succinctly. I find it helpful to use Set as a conceptual model instead.

#2 Understand declared type and narrowed type

One extremely powerful typescript feature is automatic type narrowing based on control flow. This means a variable has two types associated with it at any specific point of code location: a declaration type and a narrowed type.

#3 Use discriminated union instead of optional fields

...

Read the whole post now!