Social 📸 Photography

ShnizmuffiN<a href="https://toots.inbutts.lol/tags/introduction" class="mention hashtag" rel="nofollow noopener" 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" target="_blank">#eleventy</a> <a href="https://toots.inbutts.lol/tags/webc" class="mention hashtag" rel="nofollow noopener" target="_blank">#webc</a> <a href="https://toots.inbutts.lol/tags/php" class="mention hashtag" rel="nofollow noopener" target="_blank">#php</a> <a href="https://toots.inbutts.lol/tags/statamic" class="mention hashtag" rel="nofollow noopener" target="_blank">#statamic</a> <a href="https://toots.inbutts.lol/tags/laravel" class="mention hashtag" rel="nofollow noopener" target="_blank">#laravel</a> <a href="https://toots.inbutts.lol/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener" target="_blank">#tailwindcss</a> <a href="https://toots.inbutts.lol/tags/alpinejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#alpinejs</a> uhhh whatever <a href="https://toots.inbutts.lol/tags/sql" class="mention hashtag" rel="nofollow noopener" target="_blank">#sql</a> and I guess <a href="https://toots.inbutts.lol/tags/nginx" class="mention hashtag" rel="nofollow noopener" target="_blank">#nginx</a> <a href="https://toots.inbutts.lol/tags/docker" class="mention hashtag" rel="nofollow noopener" 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" 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" target="_blank">#ttrpg</a> <a href="https://toots.inbutts.lol/tags/dnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#dnd</a> <a href="https://toots.inbutts.lol/tags/pathfinder" class="mention hashtag" rel="nofollow noopener" target="_blank">#pathfinder</a> <a href="https://toots.inbutts.lol/tags/5e" class="mention hashtag" rel="nofollow noopener" target="_blank">#5e</a> <a href="https://toots.inbutts.lol/tags/pf2e" class="mention hashtag" rel="nofollow noopener" 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" target="_blank">#selfhosted</a> <a href="https://toots.inbutts.lol/tags/plex" class="mention hashtag" rel="nofollow noopener" target="_blank">#plex</a> <a href="https://toots.inbutts.lol/tags/lemmy" class="mention hashtag" rel="nofollow noopener" target="_blank">#lemmy</a> <a href="https://toots.inbutts.lol/tags/mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#mastodon</a> <a href="https://toots.inbutts.lol/tags/pihole" class="mention hashtag" rel="nofollow noopener" target="_blank">#pihole</a> and throw some darts at <a href="https://selfh.st" rel="nofollow noopener" translate="no" target="_blank">https://selfh.st</a> and you catch the rest.Hot takes, bad jokes, etc.

Chris ColemanI've got a cool <a href="https://mastodon.social/tags/eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#eleventy</a> site in the works. Well, the actual end result will not be that interesting, but it's going to be a fun one to build.I've got a hopelessly out-of-date Drupal site with broken deployments that I'd rather not fix, so I wrote some fairly simple scrapers to grab most of the content and directly generate new <a href="https://mastodon.social/tags/markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#markdown</a> files.It's all going to be built with <a href="https://mastodon.social/tags/webc" class="mention hashtag" rel="nofollow noopener" target="_blank">#webc</a> and a few <a href="https://mastodon.social/tags/webcomponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#webcomponents</a>.

Benny Powers 🇨🇦️🇮🇱️Join me later today for a chat about the new <a href="https://social.bennypowers.dev/tags/WebC" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebC</a> framework for <a href="https://social.bennypowers.dev/tags/11ty" class="mention hashtag" rel="nofollow noopener" target="_blank">#11ty</a>, at the <a href="https://social.bennypowers.dev/tags/eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#eleventy</a> meetup:<a href="https://11tymeetup.dev/events/ep-16-webc-return-of-the-components/" rel="nofollow noopener" target="_blank">https://11tymeetup.dev/events/ep-16-webc-return-of-the-components/</a>If you're interested in <a href="https://social.bennypowers.dev/tags/StaticWebsites" class="mention hashtag" rel="nofollow noopener" target="_blank">#StaticWebsites</a> or <a href="https://social.bennypowers.dev/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebComponents</a>, you'll enjoy it.

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" target="_blank">@jaredwhite</a><a href="https://mamot.fr/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebComponents</a> <a href="https://mamot.fr/tags/WebC" class="mention hashtag" rel="nofollow noopener" 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" 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" 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" target="_blank">#WebComponents</a> via <a href="https://social.spicyweb.dev/tags/Node" class="mention hashtag" rel="nofollow noopener" target="_blank">#Node</a> in three popular flavors: <a href="https://social.spicyweb.dev/tags/Enhance" class="mention hashtag" rel="nofollow noopener" target="_blank">#Enhance</a>, <a href="https://social.spicyweb.dev/tags/Lit" class="mention hashtag" rel="nofollow noopener" target="_blank">#Lit</a>, and <a href="https://social.spicyweb.dev/tags/WebC" class="mention hashtag" rel="nofollow noopener" 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" 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" target="_blank">https://www.spicyweb.dev/web-components-ssr-node/</a>

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" target="_blank">#Eleventy</a> and <a href="https://infosec.exchange/tags/WebC" class="mention hashtag" rel="nofollow noopener" 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.

Benny Powers 🇨🇦️🇮🇱️I wrote about my first impressions of the new <a href="https://social.bennypowers.dev/tags/WebC" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebC</a> framework for <a href="https://social.bennypowers.dev/tags/eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#eleventy</a> and other <a href="https://social.bennypowers.dev/tags/StaticSiteGenerators" class="mention hashtag" rel="nofollow noopener" target="_blank">#StaticSiteGenerators</a>Learn about the advantages of WebC, and consider some of the questions that came up for me while learning to use it for the first time. Are WebC and <a href="https://social.bennypowers.dev/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebComponents</a> the same thing? If not, how do they differ? When would you use WebC? When might you not?Read about it on my <a href="https://social.bennypowers.dev/tags/11ty" class="mention hashtag" rel="nofollow noopener" target="_blank">#11ty</a>-and-WebC powered site: <a href="https://bennypowers.dev/posts/webc-impressions/" rel="nofollow noopener" target="_blank">https://bennypowers.dev/posts/webc-impressions/</a>

Mia (web luddite)There are many examples of using webc:type="js" to loop over items in <a href="https://front-end.social/tags/eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#eleventy</a> <a href="https://front-end.social/tags/webc" class="mention hashtag" rel="nofollow noopener" target="_blank">#webc</a>, but none of the examples pass along more than simple strings in component properties.Is it possible to loop over more complex components, and pass in entire objects or collections? I can't figure out how to do it. <a href="https://fosstodon.org/@eleventy" class="u-url mention" rel="nofollow noopener" target="_blank">@eleventy</a>

Aral BalkanJust saw the Eleventy announcement and looked up WebC and found a different WebC which is actually C embedded in HTML – basically, think PHP but with C instead — and all I can think is… why? *shudder*<a href="http://webcprecompiler.com/" rel="nofollow noopener" target="_blank">http://webcprecompiler.com/</a>(I wrote my very first web app – for checking out books from my university’s library, which they didn’t understand or use – circa 1993 in C only because I had to. There was nothing else to use.)<a href="https://mastodon.ar.al/tags/webC" class="mention hashtag" rel="nofollow noopener" target="_blank">#webC</a> <a href="https://mastodon.ar.al/tags/notThatWebC" class="mention hashtag" rel="nofollow noopener" target="_blank">#notThatWebC</a> <a href="https://mastodon.ar.al/tags/theOtherWebC" class="mention hashtag" rel="nofollow noopener" target="_blank">#theOtherWebC</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/c" class="mention hashtag" rel="nofollow noopener" target="_blank">#c</a>

Ryuno-KiPro: <a href="https://layer8.space/tags/Storybook" class="mention hashtag" rel="nofollow noopener" target="_blank">#Storybook</a> renders <a href="https://layer8.space/tags/LitElement" class="mention hashtag" rel="nofollow noopener" target="_blank">#LitElement</a> Con: I can't copy the file as-is to <a href="https://layer8.space/tags/Eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#Eleventy</a> and have it execute (I believe a compilation step is needed.Time to look into <a href="https://layer8.space/tags/WebC" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebC</a> and <a href="https://layer8.space/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebComponents</a> then, I guess.

Ryuno-Ki<a href="https://github.com/11ty/webc" rel="nofollow noopener" target="_blank">https://github.com/11ty/webc</a> 👀 Discovered via <a href="https://bradfrost.com/blog/post/lets-talk-about-web-components/" rel="nofollow noopener" target="_blank">https://bradfrost.com/blog/post/lets-talk-about-web-components/</a><a href="https://layer8.space/tags/Eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#Eleventy</a> <a href="https://layer8.space/tags/WebC" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebC</a> <a href="https://layer8.space/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebComponents</a> <a href="https://layer8.space/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDevelopment</a>

Recent searches

Search options

Administered by:

Server stats:

#WebC