diff --git a/content/blog/wingingit/winging-it-10.md b/content/blog/wingingit/winging-it-10.md index 4d2bf9709..a1aa01396 100644 --- a/content/blog/wingingit/winging-it-10.md +++ b/content/blog/wingingit/winging-it-10.md @@ -1,7 +1,6 @@ --- title: Learn CSS Grid First episode: 10 -sponsors: false tags: - CSS - Grids diff --git a/content/blog/wingingit/winging-it-11.md b/content/blog/wingingit/winging-it-11.md new file mode 100644 index 000000000..b08a6cb93 --- /dev/null +++ b/content/blog/wingingit/winging-it-11.md @@ -0,0 +1,63 @@ +--- +title: Web Components +episode: 11 +tags: + - Web Components +author: + - miriam + - james +date: 2024-08-27 +length: 60 mins +image: + src: winging-it/winging-it-11.jpg +media: + - youtube: c9l-01cySkQ +summary: | + 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](https://www.zachleat.com/) + of [11ty](https://www.11ty.dev/), + to hear more about how we’re using them, + what they work well for, + and why we’re excited about them. +--- + +{% import "embed.macros.njk" as embed %} +{% import "utility.macros.njk" as utility %} + +{{ embed.figure( + data=media +) }} + +{{ utility.main_action( + 'Subscribe to Channel »', + subscribe_url +) }} + +## 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](https://lit.dev/) + +## Demos: + +- [slide-deck](https://github.com/oddbird/slide-deck/) +- [ground-control](https://github.com/mirisuzanne/ground-control) +- [is-land](https://github.com/11ty/is-land) +- [fundraising-status](https://github.com/zachleat/fundraising-status) +- [An Attempted Taxonomy of Web Components](https://www.zachleat.com/web/a-taxonomy-of-web-component-types/) +- [Progressive Enhancement Recipes using Eleventy WebC Image Comparison Components](https://demo-webc-image-compare.netlify.app/) + +## Links: + +- [Zach Leatherman](https://www.zachleat.com/) +- [I Need Your Help to Make 11ty Fully Independent and Sustainable in 2024](https://www.zachleat.com/web/independent-sustainable-11ty/) +- [Eleventy](https://www.11ty.dev/) +- [Web Components Discord](https://discord.com/channels/767813449048260658/767813449048260661/1275219476429930619) diff --git a/src/images/winging-it/winging-it-11.jpg b/src/images/winging-it/winging-it-11.jpg new file mode 100644 index 000000000..5007a020b Binary files /dev/null and b/src/images/winging-it/winging-it-11.jpg differ