Zach’s ugly mug (his face) Zach Leatherman

<filter-container> Web Component

January 22, 2021

A way to filter visible child elements based on the value of various form elements. Optionally synchronizes selections with the URL.


< Newer
A little collection of theme-less Web Components
Older >
announcement-banner Web Component

Zach Leatherman IndieWeb Avatar for https://zachleat.com/is a builder for the web at IndieWeb Avatar for https://cloudcannon.com/CloudCannon. He is the creator and maintainer of 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 79 talks in nine different countries at events like Beyond Tellerrand, Smashing Conference, Jamstack Conf, CSSConf, and The White House. Formerly part of Netlify, Filament Group, NEJS CONF, and NebraskaJS. Learn more about Zach »

1 Repost

Matt Biilmann

10 Likes

aaron hansTracy Lee | ladyleetJustin Fagnanibertrandkeller⚡️ Salma | whitep4nth3rMatt BiilmannJake DohmJoe GaffeyNetlifyRyan Mulligan
8 Comments
  1. Nicolas Hoizey

    @nhoizey

    Are you also in charge of content, and fan of X-Men? 😅

  2. Zach Leatherman

    @zachleat

    NO And yEs 😇 lOVED the OLd CartOONs GrowINg UP

  3. Nicolas Hoizey

    @nhoizey

    Just saw 2 movies, I guess I'll have to see more when Marvel starts mixing them with the Avengers in the coming Multiverse… 😅 I guess you can tell the right person there's a typo?

  4. Zach Leatherman

    @zachleat

    ahaha thank you for being very clear—I somehow did not even connect that was a typo 😅 I’ll let the team know, thank you!

  5. Nicolas Hoizey

    @nhoizey

    😂

  6. Greg Whitworth

    @gregwhitworth

    How interested would Netlify be to get engaged in Open UI given your creation of web components and driving the direction/utilization in prod of these components for feedback?

  7. Zach Leatherman

    @zachleat

    Whew, good question. I’m super focused on Eleventy open source right now and I’m wary to split time there

  8. Greg Whitworth

    @gregwhitworth

    definitely didn't mean you specifically, I know @soMelanieSaid is there but unsure who owns all of what. So if this component maps to <selectmenu> it could be tested or even converted to oui-selectmenu

Shamelessly plug your related post

These are webmentions via the IndieWeb and webmention.io.

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)