Web Components 관련

CSS > Article(s)

---

Article(s)

• What we cover:
• Demos

---

Web Components

With special guest Zach Leatherman

Web Components are a polarizing feature that seem simultaneously old news and not quite ready for production yet. But we’ve been making things with Web Components, and finding some areas where they really work well. Join us, along with special guest Zach Leatherman of 11ty, to hear more about how we’re using them, what they work well for, and why we’re excited about them.

Subscribe to Channel

Winging It

Join OddBird at the cutting edge of front-end web development for discussions, demos, and interviews on topics ranging from CSS, HTML, and JavaScript to UX design and team process. Winging It streams live the third Thursday of each month. Chat with us about the show on Mastodon (front-end.social/@OddBird) or drop us a line at birds@oddbird.net. And as always, if you need custom web application development or a refactor – OddBird is here to help. 🫶🏼🐦

---

What we cover:

• When Web Components “clicked”
• How to incorporate progressive enhancement
• Future Web Components projects
• What is still missing from Web Components?
• Thoughts on Lit

---

Demos

oddbird/slide-deck: Web presentations, as a self-contained web component

Web presentations, as a self-contained web component - oddbird/slide-deck

mirisuzanne/ground-control: Use input/select or toggle buttons to control UI elements

Use input/select or toggle buttons to control UI elements - mirisuzanne/ground-control

11ty/is-land: A new performance-focused way to add interactive client-side components to your web site.

A new performance-focused way to add interactive client-side components to your web site. - 11ty/is-land

zachleat/fundraising-status: Web component to show the current status of a fundraiser.

Web component to show the current status of a fundraiser. - zachleat/fundraising-status

An Attempted Taxonomy of Web Components—zachleat.com

A post by Zach Leatherman (zachleat)

Eleventy WebC Progressive Enhancement Recipes

---

Progressive Enhancement Recipes using Eleventy WebC Image Comparison Components

Links

Zach Leatherman—zachleat.com

A post by Zach Leatherman (zachleat)

I Need Your Help to Make 11ty Fully Independent and Sustainable in 2024—zachleat.com

A post by Zach Leatherman (zachleat)

Eleventy is a simpler static site generator

Eleventy is a simpler static site generator.

• Web Components Discord

Web Components

---

With special guest Zach Leatherman