WebC is for single file web components. Not exclusive to @eleven_ty. This account is dormant! Follow on: ๐ Mastodon https://xitter.cf/t.co/iAokaPDvZh
The world wide web
Joined October 2022
- Tweets57
- Following6
- Followers344
- Likes43
Pinned Tweet
For *reasons* this account is considered officially dormant!
Please consider joining Eleventy on:
1๏ธโฃ ๐ Mastodon
fosstodon.org/@eleventy
2๏ธโฃ โถ๏ธ YouTube youtube.com/@EleventyVideo
3๏ธโฃ ๐ฌ Discord 11ty.dev/blog/discord/
4๏ธโฃ ๐ฆ GitHub github.com/11ty/
Thanks everyone!
WebC ๐ ๏ธ๐ fosstodon.org/@eleventy retweeted
Absolutely love playing with @WebC_omponents! Thanks to @SomeAnticsDevโs Twitch stream, I learned so much. Decided to build some components on my own.
See more components in the repo: github.com/mikemai2awesome/wโฆ
#designsystems #WebComponents #minimalism
ALT <article webc:root webc:keep> <slot name="signifier"></slot> <div> <slot></slot> </div> </article> <style webc:scoped> :host { display: grid; grid-template-columns: minmax(5ch, max-content) 75%; gap: var(--gutter); align-items: center; margin-block-start: var(--stack); } :host:first-child { margin-block-start: 0; } :host > * { margin: 0; } :host > *:nth-child(odd) { align-self: start; } </style>
WebC ๐ ๏ธ๐ fosstodon.org/@eleventy retweeted
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โฆ
WebC ๐ v0.7.1
๐ฅฉ @โraw
โ๏ธ webc:if
๐ webc:type="js"
Release notes: github.com/11ty/webc/releaseโฆ
WebC ๐ ๏ธ๐ fosstodon.org/@eleventy retweeted
Created a WebC VSCode syntax highlighting extension.
marketplace.visualstudio.comโฆ
Feedback welcome.
@WebC_omponents @eleven_ty
WebC ๐ ๏ธ๐ fosstodon.org/@eleventy retweeted
๐ ICYMI: We're hosting another Twitter Spaces event this week with our very own @techytacos and @justinfagnani and @eleven_tyโs @zachleat to discuss @WebC_omponents, #OpenSource, and more!
Save the date and reply to this tweet with q's โ xitter.cf/i/spaces/1MYxNgeYaZLKwโฆ
WebC ๐ ๏ธ๐ fosstodon.org/@eleventy retweeted
๐ฅ Ready for another Twitter Spaces chat with our Lit team?
Talk all things @WebC_omponents, #OpenSource, and more with @techytacos, @justinfagnani & @eleven_ty @zachleat.
Mark your cals and reply to this thread with your questions! โ xitter.cf/i/spaces/1MYxNgeYaZLKw
WebC ๐ ๏ธ๐ fosstodon.org/@eleventy retweeted
At @jamstackconf, @seldo reports that the Jamstack Community Survey data reveals: Web Components have arrived ๐
ALT Conference slide on a stage reads: โweb components have arrivedโ
WebC ๐ ๏ธ๐ fosstodon.org/@eleventy retweeted
๐ฌ โ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
WebC ๐ ๏ธ๐ fosstodon.org/@eleventy retweeted
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โฆ
WebC ๐ ๏ธ๐ fosstodon.org/@eleventy retweeted
โ ๏ธ 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
WebC ๐ ๏ธ๐ fosstodon.org/@eleventy retweeted
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!
๐ xitter.cf/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.
WebC ๐ ๏ธ๐ fosstodon.org/@eleventy retweeted
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โฆ
WebC ๐ ๏ธ๐ fosstodon.org/@eleventy retweeted
We're back on Tuesday!
If you, like me, having been looking to dive into @WebC_omponents, this one's for you! Join us as @darth_mall shows us how to bring single-file components to @eleven_ty with WebC!
๐ twitch.tv/SomeAnticsDev
โฐ Tue Nov 1, 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.
WebC ๐ ๏ธ๐ fosstodon.org/@eleventy retweeted
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.
WebC ๐ ๏ธ๐ fosstodon.org/@eleventy retweeted
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...
