Zach’s ugly mug (his face) Zach Leatherman

SmashingConf Freiburg 2023

September 05, 2023 🇩🇪 Germany Tagged: Speaking Web Components

I was very fortunate to be invited to be the Mystery Speaker at Smashing Conference in Freiburg this year! We really did trap hundreds of people in a room to teach them about web components 😈😈😈

Talk Notes

A few quick points from some of the other talks at this event (I always try to watch as many as I can!):

Slava Shestopalov

A reminder that the Russian invasion of Ukraine is creating more people that need accessible experiences—so investing in accessibility testing and improving those experiences in our work is one small way that we can do our part.

via this social post

Amy Hupe

  1. “You can create really inaccessible experiences from accessible components.”
  2. Design systems can create bias at scale!
  3. You can’t retrofit inclusion!
  4. Are simplicity and inclusion incompatible?

via this social post

Jecelyn Yeen

Have you ever struggled with a focusable element (custom drop down menu) that disappears when you swap focus to your Developer Tools? The “Emulate a focused page” checkbox is for you!

via this social post

Dan Donald

  1. You don’t need to solve Big Tech Company problems, nor repeat their solutions.
  2. The success of your design system is reflected in how successful the end users feel when interacting with the products created using the design system.

via this social post

Miriam Eric Suzanne

  1. Gave much needed historical attribution to Jen Simmons for their work on Intrinsic Web Design.
  2. Reminded us that media queries aren’t going away even if container queries are ubiquitous. They’ll continue to be useful for non-size related things like prefers-reduced-motion and hover, etc.
  3. Style queries are coming and they are awesome when used with Custom Properties.

via this social post

Christophe Porteneuve

  1. New Array APIs that don’t mutate: toReversed, toSorted, toSpliced, with (already in Safari 16 and Node 20+).
  2. There are new Set methods coming for intersection, difference, isSubsetOf, union!
  3. ShadowRealm for sandboxed JavaScript execution will be very helpful in WebC too 👍🏻

via this social post

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
Jamstack ZHUZH: a Roundtable Discussion on the future of the Jamstack Community
Older >
Educational, Sensational, Inspirational, Foundational Web Development Reading List
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)