Stephanie Eckles Zach Leatherman WebC 🛠️🐘 fosstodon.org/@eleventy and super worth noticing "decide based on the use case & context" is not something a compiler can do

Zach Leatherman Next.js Build Awesome (Eleventy) We are grateful for your work. We just brought on two new junior dev contractors trying to transition into web development. They are doing impactful work and gaining real experience / confidence by writing HTML / CSS in webc components. It allows them to concentrate...

Zach Leatherman Next.js Build Awesome (Eleventy) on digestible "chunks" of code which gives them less stress as beginners. 11ty and Webc are really positive for new developers. There is just too much to learn when you start so the freedom to "just" focus on HTML/CSS is a godsend and very helpful for our software shop too.

We're back on Tuesday! If you, like me, having been looking to dive into WebC 🛠️🐘 fosstodon.org/@eleventy, this one's for you! Join us as @darth_mall shows us how to bring single-file components to Build Awesome (Eleventy) with WebC! 📍 twitch.tv/SomeAnticsDev ⏰ Tue Nov 1, 2pm CT 📅 calndr.link/event/cChLZ806…

Tomorrow, we're diving into WebC, an HTML compiler for #WebComponents. Join us as @darth_mall shows us how we can use WebC to bring a single-file component developer experience to an Build Awesome (Eleventy) project! 📍 x.com/SomeAnticsDev ⏰ Tue Nov 1 at 2pm CT 📅 calndr.link/event/cChLZ806…

⚠️ Going live in half an hour! I'm super excited to dive into WebC 🛠️🐘 fosstodon.org/@eleventy with @darth_mall in half an hour! ⬇️ Join us here at 2pm Central (or 3pm ET/12pm PT)! twitch.tv/SomeAnticsDev

WebC v0.6.0 🆕🛠🥳 1️⃣ Import from `node_modules` using `npm:` e.g. webc:import="npm:my_module/component" 2️⃣ Adds `@​text` for escaped content 3️⃣ Support webc:scoped on <link> 4️⃣ Access default slot as text in render functions (and more!) Release notes: github.com/11ty/webc/rele…

WebC v0.6.2 🛠🎈 📦 Even more terse webc:import from npm 🐞 A bug fix for void elements and render functions Enjoy! github.com/11ty/webc/rele…

This WebC release unlocks the very first official Eleventy WebC component: <syntax-highlight> (and new WebC examples on 11ty.dev/docs/plugins/s…) (Most useful to devs whose bosses *aren’t* asking you to print your source code to paper)

💬 “Web components are part of the web. They are good for the web. We should be rooting for them.” Design system consultant and web designer Brad Frost talks all things #webcomponents in his latest blog ↓ goo.gle/3Nt2MeA

Anything else? Zach Leatherman yells “web components” right before walking off stage 🧡🧡

At Jamstack Conf, Laurie Voss reports that the Jamstack Community Survey data reveals: Web Components have arrived 🏆

🔥 Ready for another Twitter Spaces chat with our Lit team? Talk all things WebC 🛠️🐘 fosstodon.org/@eleventy, #OpenSource, and more with Elliott Marquez, Justin Fagnani & Build Awesome (Eleventy) Zach Leatherman. Mark your cals and reply to this thread with your questions! ↓ x.com/i/spaces/1MYxN…

📆 ICYMI: We're hosting another Twitter Spaces event this week with our very own Elliott Marquez and Justin Fagnani and Build Awesome (Eleventy)’s Zach Leatherman to discuss WebC 🛠️🐘 fosstodon.org/@eleventy, #OpenSource, and more! Save the date and reply to this tweet with q's ↓ x.com/i/spaces/1MYxN…

Created a WebC VSCode syntax highlighting extension. marketplace.visualstudio.com/items?itemName… Feedback welcome. WebC 🛠️🐘 fosstodon.org/@eleventy Build Awesome (Eleventy)

WebC 🛠 v0.7.1 🥩 @​raw ↔️ webc:if 📜 webc:type="js" Release notes: github.com/11ty/webc/rele…

New plugin release: Eleventy WebC v0.7.0 with Breaking 🚨 Changes 1️⃣ Change @​html="content" to @​raw="content" in your Eleventy Layout files to avoid double-processing 2️⃣ Adds a default `components` glob Check out the release notes for more info: github.com/11ty/eleventy-…

Absolutely love playing with WebC 🛠️🐘 fosstodon.org/@eleventy! Thanks to Some Antics’s Twitch stream, I learned so much. Decided to build some components on my own. See more components in the repo: github.com/mikemai2awesom… #designsystems #WebComponents #minimalism