Mastouille

0 message0 participant0 message aujourd’hui

ShnizmuffiN<a href="https://toots.inbutts.lol/tags/introduction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#introduction</a>I make websites. Sometimes I toot about it. <a href="https://toots.inbutts.lol/tags/eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#eleventy</a> <a href="https://toots.inbutts.lol/tags/webc" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webc</a> <a href="https://toots.inbutts.lol/tags/php" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#php</a> <a href="https://toots.inbutts.lol/tags/statamic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#statamic</a> <a href="https://toots.inbutts.lol/tags/laravel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#laravel</a> <a href="https://toots.inbutts.lol/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tailwindcss</a> <a href="https://toots.inbutts.lol/tags/alpinejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#alpinejs</a> uhhh whatever <a href="https://toots.inbutts.lol/tags/sql" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sql</a> and I guess <a href="https://toots.inbutts.lol/tags/nginx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nginx</a> <a href="https://toots.inbutts.lol/tags/docker" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#docker</a> and all that crap all the way down. <a href="https://toots.inbutts.lol/tags/fullstack" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fullstack</a>I play RPGs with friends. Sometimes I toot about it. <a href="https://toots.inbutts.lol/tags/ttrpg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ttrpg</a> <a href="https://toots.inbutts.lol/tags/dnd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dnd</a> <a href="https://toots.inbutts.lol/tags/pathfinder" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#pathfinder</a> <a href="https://toots.inbutts.lol/tags/5e" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#5e</a> <a href="https://toots.inbutts.lol/tags/pf2e" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#pf2e</a> I am my group's sysadmin. Sometimes I toot about it. <a href="https://toots.inbutts.lol/tags/selfhosted" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#selfhosted</a> <a href="https://toots.inbutts.lol/tags/plex" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#plex</a> <a href="https://toots.inbutts.lol/tags/lemmy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#lemmy</a> <a href="https://toots.inbutts.lol/tags/mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mastodon</a> <a href="https://toots.inbutts.lol/tags/pihole" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#pihole</a> and throw some darts at <a href="https://selfh.st" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://selfh.st</a> and you catch the rest.Hot takes, bad jokes, etc.

ShnizmuffiNI just launched <a href="https://catalog.muralarts.org" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://catalog.muralarts.org</a> for Mural Arts Philadelphia. (Design by <a href="https://CooperGraphicDesign.com" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://CooperGraphicDesign.com</a>.)Built with <a href="https://fediverse.zachleat.com/@zachleat" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@zachleat</a>'s <a href="https://toots.inbutts.lol/tags/eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#eleventy</a>, <a href="https://toots.inbutts.lol/tags/webc" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webc</a>, and a bastardized version of the `eleventy-image` plugin that makes optimized CSS background images. I call it back-breaker.Rendering very many AVIF images suuuuuucked on my potato PC, but it was absolutely necessary for such an image heavy design.

Ollie BoermansOh man, just figured out what I was doing wrong `:<a href="https://mastodon.social/@text" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@text</a>="exif. Flash"` was _never_ going to work. I spent much too long looking at the data.Fortunately `<a href="https://mastodon.social/@text" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@text</a>="exif. Flash"` totally does! 🤦‍♂️<a href="https://fediverse.zachleat.com/@zachleat" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@zachleat</a> I’m guessing `:<a href="https://mastodon.social/@text" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@text</a>` doesn’t mean `<a href="https://mastodon.social/@text" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@text</a>` so we can still `:<a href="https://mastodon.social/@text" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@text</a>="'hello'"`?<a href="https://mastodon.social/tags/webc" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webc</a>

Pelle Wessman<a href="https://fediverse.zachleat.com/@zachleat" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@zachleat</a> What's the state of <a href="https://mastodon.social/tags/WebC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebC</a> would you say? It's a bit hard to say by looking at the repo alone, where no commits or release can be seen in the last 1.5 years: <a href="https://github.com/11ty/webc" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/11ty/webc</a>I see that the <a href="https://mastodon.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> WebC base has seen updates recently and I noticed you mentioned it to <a href="https://mastodon.social/@brad_frost" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@brad_frost</a> the other day <a href="https://fediverse.zachleat.com/@zachleat/113319126440275811" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://fediverse.zachleat.com/@zachleat/113319126440275811</a>Maybe do what <a href="https://mastodon.social/@ada" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@ada</a> did to her web component helper and do a commit to update the README with current state? <a href="https://github.com/AdaRoseCannon/html-element-plus/commit/9e6d4e5ad0966f205302a804f096aaf14c15e15c" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/AdaRoseCannon/html-element-plus/commit/9e6d4e5ad0966f205302a804f096aaf14c15e15c</a>

Fynn Ellie BeckerI finally finished the blog post I started 3 months ago about rebuilding my website with WebC and going all minimal design.<a href="https://fynn.be/blog/website-rebuilt-webc/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://fynn.be/blog/website-rebuilt-webc/</a><a href="https://mastodon.social/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> <a href="https://mastodon.social/tags/WebC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebC</a>

Ricky de Laveagademo @ <a href="https://webcbed.netlify.app" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://webcbed.netlify.app</a> <a href="https://mastodon.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> <a href="https://mastodon.social/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> <a href="https://mastodon.social/tags/WebC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebC</a>

Fynn Ellie BeckerLook at that, basic semantic highlighting for WebC component tags and keyword attributes inspired by Vue’s VS Code extension.<a href="https://github.com/mvsde/vscode-webc#semantic-highlighting" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/mvsde/vscode-webc#semantic-highlighting</a><a href="https://mastodon.social/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> <a href="https://mastodon.social/tags/WebC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebC</a>

Fynn Ellie BeckerI was thinking wrong about this. The VS Code feature we want are not symbols but definitions. Fortunately, definitions are not too hard to implement.So, the newest extension version comes with support for “Go to Definition” and “Peek Definition”.The readme also got an upgrade with feature screenshots.Next up on the to do list would be “Go to References” and “Peek References”. Another cool feature, somewhat related to definitions.<a href="https://github.com/mvsde/vscode-webc" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/mvsde/vscode-webc</a><a href="https://mastodon.social/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> <a href="https://mastodon.social/tags/WebC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebC</a>

Fynn Ellie BeckerIt might not look amazing yet, but the prove of concept for Ctrl + clickable WebC component tags is here.This currently uses VS Code’s document links, which are relatively straightforward to implement, but technically not the correct way to do symbol linking.So, when I have more time, I’ll dig into the symbol API for extensions, which conveniently lacks any useful documentation / example implementations whatsoever.<a href="https://github.com/mvsde/vscode-webc/releases/tag/v0.2.0" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/mvsde/vscode-webc/releases/tag/v0.2.0</a><a href="https://mastodon.social/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> <a href="https://mastodon.social/tags/WebC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebC</a>

Fynn Ellie BeckerSo… I got side-tracked while writing a blog post about the WebC migration of my <a href="https://fosstodon.org/@eleventy" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@eleventy</a> powered website and long story short, I created a VS Code extension for WebC instead 😅It’s super basic for now, providing just the `.webc` to HTML file association and suggestions for WebC-specific HTML attributes including links on hover to the documentation.I have more plans though, for example linking tags to their respective files so you can Ctrl+Click.<a href="https://marketplace.visualstudio.com/items?itemName=fynn.vscode-webc" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://marketplace.visualstudio.com/items?itemName=fynn.vscode-webc</a><a href="https://mastodon.social/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> <a href="https://mastodon.social/tags/WebC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebC</a>

Fynn Ellie BeckerFinally merged and published the WebC rework and light redesign of my website.I’m by no means a designer (anymore) so I kept things basic and pushed myself to hit that deploy button already after weeks and weeks of being uncertain about it 😅The site now runs on <a href="https://fosstodon.org/@eleventy" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@eleventy</a> v3 and is fully migrated to ESM, no CommonJS anymore.<a href="https://fynn.be" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://fynn.be</a><a href="https://mastodon.social/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> <a href="https://mastodon.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> <a href="https://mastodon.social/tags/WebC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebC</a>

Lene SaileI have just released version 3.0 of Eleventy Excellent, now fully on ESM and with many other changes, including my attempts to learn more about WebC and web components. Contributions very welcome! 💚 <a href="https://eleventy-excellent.netlify.app/blog/eleventy-excellent-30/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://eleventy-excellent.netlify.app/blog/eleventy-excellent-30/</a><a href="https://front-end.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> <a href="https://front-end.social/tags/webc" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webc</a>

Lene SaileI would like to share some thoughts about working with <a href="https://front-end.social/tags/WebC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebC</a>. For some time now I have been using it on a component basis in <a href="https://front-end.social/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> sites that otherwise depend primarily on Nunjucks or Liquid. The "non-traditional WebC usage" (<a href="https://www.11ty.dev/docs/languages/webc/#non-traditional-webc-usage" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.11ty.dev/docs/languages/webc/#non-traditional-webc-usage</a>). For components without major complexity, this is something that works well for me. However, I have also tried to rely entirely on WebC, which, as I understand it, is the intended approach.

Andy BondFinally finished the rewrite of my personal website! This time its (almost) entirely WebC!<a href="https://andy.bond" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://andy.bond</a>I simplified my site a lot - largely after being inspired by <a href="https://social.lol/@cory" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@cory</a> and his "Now" page. Previously I was rendering a page for every book, show, movie, that I tracked - and it was too much to manage!Maybe now I will actually write something every once in a while since I will hopefully be done with large overhauls :)<a href="https://mastodon.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> <a href="https://mastodon.social/tags/eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#eleventy</a> <a href="https://mastodon.social/tags/webc" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webc</a>

Tixie SalanderAny idea how I could get access to some <a href="https://fosstodon.org/@eleventy" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@eleventy</a> data from the cascade into the <script webc:keep> of a webc file? a bit like if I write `<div webc><x @text"$data.foo"></x></div>` I get <div>bar</div> in my html(btw l also asked on the Discord if interested <a href="https://discord.com/channels/741017160297611315/1150331647506518136" rel="nofollow noopener noreferrer" target="_blank">https://discord.com/channels/741017160297611315/1150331647506518136</a>) <a href="https://mastodon.guerilla.studio/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> <a href="https://mastodon.guerilla.studio/tags/WebC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebC</a>

Nicolas Hoizey🔗 “Enhance vs. Lit vs. WebC…or, How to Server-Render a Web Component” by <a href="https://indieweb.social/@jaredwhite" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@jaredwhite</a><a href="https://mamot.fr/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebComponents</a> <a href="https://mamot.fr/tags/WebC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebC</a> ⚓️ <a href="https://nicolas-hoizey.com/links/2023/08/25/enhance-vs-lit-vs-webc-or-how-to-server-render-a-web-component/" rel="nofollow noopener noreferrer" target="_blank">https://nicolas-hoizey.com/links/2023/08/25/enhance-vs-lit-vs-webc-or-how-to-server-render-a-web-component/</a>

The Spicy WebAll right <a href="https://social.spicyweb.dev/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> nerds, we got some 🌶️ spicy content on the blog for you today! 🤓A writeup and code/demos all about server-rendering <a href="https://social.spicyweb.dev/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebComponents</a> via <a href="https://social.spicyweb.dev/tags/Node" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Node</a> in three popular flavors: <a href="https://social.spicyweb.dev/tags/Enhance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Enhance</a>, <a href="https://social.spicyweb.dev/tags/Lit" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Lit</a>, and <a href="https://social.spicyweb.dev/tags/WebC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebC</a>!Also a ton of thoughts about the future of these technologies and how to promote a portable view layer of web applications in an <a href="https://social.spicyweb.dev/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>-first world.Take a peek and then hop in our Discord to chat more about all these groovy features!<a href="https://www.spicyweb.dev/web-components-ssr-node/" rel="nofollow noopener noreferrer" target="_blank">https://www.spicyweb.dev/web-components-ssr-node/</a>

Matteo Pescarin<a href="https://fediverse.zachleat.com/@zachleat" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@zachleat</a> maybe I missed it, is there a primer to understand <a href="https://mastodon.social/tags/webc" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webc</a> before starting to mess around without prior knowledge?

Kee HinckleyI’ve been very quiet here because I’m pretty much 100% focused on getting my consulting/blog site up. Once that’s up and feeding posts into the Fediverse, I’ll reload it with all of my old posts (going back to 1997). And probably a few new ones about how I built the site from <a href="https://infosec.exchange/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> and <a href="https://infosec.exchange/tags/WebC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebC</a>, which has been a fun journey. And then I can finally focus on writing more about everything I’ve been talking about here.

Recherches récentes

Options de recherche

Administré par :

Statistiques du serveur :

#webc