Zach’s ugly mug (his face) Zach Leatherman

<announcement-banner> Web Component

January 22, 2021 Tagged: Project Web Components

Lovingly named "Herald of the Dog" This is an announcement bar/banner component with a Hide button that avoids content layout shifts.

This is a post about web components! Check out all the web components posts.

Zach’s ugly mug (his face)

Zach is a builder for the web at IndieWeb Avatar for He created IndieWeb Avatar for https://www.11ty.devEleventy (11ty), an award-winning open source site generator. At one point he became entirely too fixated on web fonts. He has given 72 talks in nine different countries at events like Jamstack Conf, Beyond Tellerrand, Smashing Conference, CSSConf, and The White House. Formerly part of Netlify, Filament Group, NEJS CONF, and NebraskaJS.

< Newer
filter-container Web Component
Older >
Images at Jamstack Toronto


IndieWeb Avatar for https://dev.toIndieWeb Avatar for https://nutsoftime.comIndieWeb Avatar for
Shamelessly plug your related post

These are webmentions via the IndieWeb and

Sharing on social media?

This is what will show up when you share this post on Social Media:

How did you do this? I automated my Open Graph images. (Peer behind the curtain at the test page)