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-pluβ¦
π¬ β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
This WebC release unlocks the very first official Eleventy WebC component:
<syntax-highlight> (and new WebC examples on 11ty.dev/docs/plugins/syntaxβ¦)
(Most useful to devs whose bosses *arenβt* asking you to print your source code to paper)
ALT <syntax-highlight webc:import="npm:@11ty/eleventy-plugin-syntaxhighlight">
function myFunction() {
return true;
}
</syntax-highlight>
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/releaseβ¦
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/releaseβ¦
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/releaseβ¦
β οΈ Going live in half an hour!
I'm super excited to dive into @WebC_omponents with @darth_mall in half an hour!
β¬οΈ Join us here at 2pm Central (or 3pm ET/12pm PT)!
twitch.tv/SomeAnticsDev
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 @eleven_ty project!
π x.com/SomeAnticsDev
β° Tue Nov 1 at 2pm CT
π calndr.link/event/cChLZ806xS
ALT Bring Single File Components to Eleventy with WebC, with Evan Sheehan and Ben Myers. Tuesday, November 1 at 2pm Central.
I got a chance to tinker around with the @eleven_ty WebC plugin yesterday. There's a ton more to dig into, but I decided to write up my notes as a post. 11ty is already great and WebC feels like a huge upgrade. π levimcg.com/blog/my-notes-onβ¦
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 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...