#introduction

I make websites. Sometimes I toot about it.
#eleventy #webc #php #statamic #laravel #tailwindcss #alpinejs uhhh whatever #sql and I guess #nginx #docker and all that crap all the way down. #fullstack

I play RPGs with friends. Sometimes I toot about it.
#ttrpg #dnd #pathfinder #5e #pf2e

I am my group's sysadmin. Sometimes I toot about it.
#selfhosted #plex #lemmy #mastodon #pihole and throw some darts at https://selfh.st and you catch the rest.

Hot takes, bad jokes, etc.

I just launched https://catalog.muralarts.org for Mural Arts Philadelphia. (Design by https://CooperGraphicDesign.com.)

Built with @zachleat's #eleventy, #webc, 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.

Oh man, just figured out what I was doing wrong `:@text="exif. Flash"` was _never_ going to work. I spent much too long looking at the data.

Fortunately `@text="exif. Flash"` totally does!

@zachleat I’m guessing `:@text` doesn’t mean `@text` so we can still `:@text="'hello'"`?

@zachleat What's the state of #WebC 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: https://github.com/11ty/webc

I see that the #11ty WebC base has seen updates recently and I noticed you mentioned it to @brad_frost the other day https://fediverse.zachleat.com/@zachleat/113319126440275811

Maybe do what @ada did to her web component helper and do a commit to update the README with current state? https://github.com/AdaRoseCannon/html-element-plus/commit/9e6d4e5ad0966f205302a804f096aaf14c15e15c

I finally finished the blog post I started 3 months ago about rebuilding my website with WebC and going all minimal design.

https://fynn.be/blog/website-rebuilt-webc/

So… I got side-tracked while writing a blog post about the WebC migration of my @eleventy 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.

https://marketplace.visualstudio.com/items?itemName=fynn.vscode-webc

Finally 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 @eleventy v3 and is fully migrated to ESM, no CommonJS anymore.

https://fynn.be

I 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!

https://eleventy-excellent.netlify.app/blog/eleventy-excellent-30/

I would like to share some thoughts about working with #WebC.
For some time now I have been using it on a component basis in #Eleventy sites that otherwise depend primarily on Nunjucks or Liquid. The "non-traditional WebC usage" (https://www.11ty.dev/docs/languages/webc/#non-traditional-webc-usage).

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.

I've got a cool #eleventy 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 #markdown files.

It's all going to be built with #webc and a few #webcomponents.

All right #WebDev nerds, we got some spicy content on the blog for you today!

A writeup and code/demos all about server-rendering #WebComponents via #Node in three popular flavors: #Enhance, #Lit, and #WebC!

Also a ton of thoughts about the future of these technologies and how to promote a portable view layer of web applications in an #HTML-first world.

Take a peek and then hop in our Discord to chat more about all these groovy features!

https://www.spicyweb.dev/web-components-ssr-node/

I’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 #Eleventy and #WebC, which has been a fun journey. And then I can finally focus on writing more about everything I’ve been talking about here.

#WEBC Trails grand opening today, tour, safety protocols, speeches and cupcakes Met and talked to a few really great people there, great fun

#WebC folks!

Is it possible to import a component using a dynamic value? Something sort of like this:

```
---
component: my-component
---
<any-tag-name
:webc:import="'./components/' + component + '.webc'"
></any-tag-name>
```

There are many examples of using webc:type="js" to loop over items in #eleventy #webc, 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.

@eleventy

Just 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*

http://webcprecompiler.com/

(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.)

#introduction

I’m a web developer at the National Oceanic and Atmospheric Administration (#noaa) where I build web apps for scientists working on numerical weather prediction, which is actually quite fascinating.

#webDev #a11y #hci #dataVis #ux #design #11ty #webc #d3 #css #html #indieWeb

I’m also a parent to a 2½ year old.

Other interests include #music #irishMusic #fiddle #boardGames #videoGames #comics #biking #skiing #hiking #photography #sciFi #fantasy #math #genArt #obsidian #privacy