#webc — Public Fediverse posts

this not funny anymore . australia are hanging for real #WEBC

this not funny anymore . australia are hanging for real #WEBC

Earlier this week I posted about rough edges I encountered using WebC. I wanted to follow up with specific technical details from the ones I documented in the process of converting my website to it.

https://chromamine.com/2025/07/webc-quirks/

#WebC #11ty #IndieWeb #WebDev

Earlier this week I posted about rough edges I encountered using WebC. I wanted to follow up with specific technical details from the ones I documented in the process of converting my website to it.

https://chromamine.com/2025/07/webc-quirks/

#WebC #11ty #IndieWeb #WebDev

Earlier this week I posted about rough edges I encountered using WebC. I wanted to follow up with specific technical details from the ones I documented in the process of converting my website to it.

https://chromamine.com/2025/07/webc-quirks/

#WebC #11ty #IndieWeb #WebDev

Earlier this week I posted about rough edges I encountered using WebC. I wanted to follow up with specific technical details from the ones I documented in the process of converting my website to it.

https://chromamine.com/2025/07/webc-quirks/

#WebC #11ty #IndieWeb #WebDev

Earlier this week I posted about rough edges I encountered using WebC. I wanted to follow up with specific technical details from the ones I documented in the process of converting my website to it.

https://chromamine.com/2025/07/webc-quirks/

#WebC #11ty #IndieWeb #WebDev

I’ve rewritten my #11ty blog’s templates in #WebC. I've written up the things I've found that I like—and don't like—about it.

https://chromamine.com/2025/07/switching-to-webc/

#WebDev #IndieWeb

I’ve rewritten my #11ty blog’s templates in #WebC. I've written up the things I've found that I like—and don't like—about it.

https://chromamine.com/2025/07/switching-to-webc/

#WebDev #IndieWeb

I’ve rewritten my #11ty blog’s templates in #WebC. I've written up the things I've found that I like—and don't like—about it.

https://chromamine.com/2025/07/switching-to-webc/

#WebDev #IndieWeb

I’ve rewritten my #11ty blog’s templates in #WebC. I've written up the things I've found that I like—and don't like—about it.

https://chromamine.com/2025/07/switching-to-webc/

#WebDev #IndieWeb

I’ve rewritten my #11ty blog’s templates in #WebC. I've written up the things I've found that I like—and don't like—about it.

https://chromamine.com/2025/07/switching-to-webc/

#WebDev #IndieWeb

#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.

#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.

#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.

#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.

#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.

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.

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.

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.

I really want to like #WebC for #11ty—there’s a lot of things I do like about it, both conceptually and in practice!—but I keep running into a lot of frustrating moments that are either limitations or bugs. The documentation is pretty underspecified so it’s not always clear to me which they are.

I really want to like #WebC for #11ty—there’s a lot of things I do like about it, both conceptually and in practice!—but I keep running into a lot of frustrating moments that are either limitations or bugs. The documentation is pretty underspecified so it’s not always clear to me which they are.

I really want to like #WebC for #11ty—there’s a lot of things I do like about it, both conceptually and in practice!—but I keep running into a lot of frustrating moments that are either limitations or bugs. The documentation is pretty underspecified so it’s not always clear to me which they are.

I really want to like #WebC for #11ty—there’s a lot of things I do like about it, both conceptually and in practice!—but I keep running into a lot of frustrating moments that are either limitations or bugs. The documentation is pretty underspecified so it’s not always clear to me which they are.

I really want to like #WebC for #11ty—there’s a lot of things I do like about it, both conceptually and in practice!—but I keep running into a lot of frustrating moments that are either limitations or bugs. The documentation is pretty underspecified so it’s not always clear to me which they are.

@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

@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

@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

@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

@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/

#Eleventy #WebC

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/

#Eleventy #WebC

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/

#Eleventy #WebC

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/

#Eleventy #WebC

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/

#Eleventy #WebC

Using Eleventy with WebC, you can conditionally add attributes to HTML elements using dynamic attributes.

But there's a gotcha... If it's a `style` or `class` attribute, use an empty string to leave off the attribute. Any other attribute needs boolean `false` to leave off the attribute.

doc:
https://www.11ty.dev/docs/languages/webc/#dynamic-attributes-and-properties

explanation starts here:
https://github.com/11ty/webc/issues/155#issuecomment-1496237565

#11ty #WebC

Using Eleventy with WebC, you can conditionally add attributes to HTML elements using dynamic attributes.

But there's a gotcha... If it's a `style` or `class` attribute, use an empty string to leave off the attribute. Any other attribute needs boolean `false` to leave off the attribute.

doc:
https://www.11ty.dev/docs/languages/webc/#dynamic-attributes-and-properties

explanation starts here:
https://github.com/11ty/webc/issues/155#issuecomment-1496237565

#11ty #WebC

Using Eleventy with WebC, you can conditionally add attributes to HTML elements using dynamic attributes.

But there's a gotcha... If it's a `style` or `class` attribute, use an empty string to leave off the attribute. Any other attribute needs boolean `false` to leave off the attribute.

doc:
https://www.11ty.dev/docs/languages/webc/#dynamic-attributes-and-properties

explanation starts here:
https://github.com/11ty/webc/issues/155#issuecomment-1496237565

#11ty #WebC

Using Eleventy with WebC, you can conditionally add attributes to HTML elements using dynamic attributes.

But there's a gotcha... If it's a `style` or `class` attribute, use an empty string to leave off the attribute. Any other attribute needs boolean `false` to leave off the attribute.

doc:
https://www.11ty.dev/docs/languages/webc/#dynamic-attributes-and-properties

explanation starts here:
https://github.com/11ty/webc/issues/155#issuecomment-1496237565

#11ty #WebC

Using Eleventy with WebC, you can conditionally add attributes to HTML elements using dynamic attributes.

But there's a gotcha... If it's a `style` or `class` attribute, use an empty string to leave off the attribute. Any other attribute needs boolean `false` to leave off the attribute.

doc:
https://www.11ty.dev/docs/languages/webc/#dynamic-attributes-and-properties

explanation starts here:
https://github.com/11ty/webc/issues/155#issuecomment-1496237565

#11ty #WebC

@luke I only got into #11ty recently and read the #WebC docs first, since it felt like the most modern iteration on templating: https://www.11ty.dev/docs/languages/webc/

I combined it with #TailwindCSS, wrote some glue code, and am quite happy at the moment.

@luke I only got into #11ty recently and read the #WebC docs first, since it felt like the most modern iteration on templating: https://www.11ty.dev/docs/languages/webc/

I combined it with #TailwindCSS, wrote some glue code, and am quite happy at the moment.

@luke I only got into #11ty recently and read the #WebC docs first, since it felt like the most modern iteration on templating: https://www.11ty.dev/docs/languages/webc/

I combined it with #TailwindCSS, wrote some glue code, and am quite happy at the moment.

@luke I only got into #11ty recently and read the #WebC docs first, since it felt like the most modern iteration on templating: https://www.11ty.dev/docs/languages/webc/

I combined it with #TailwindCSS, wrote some glue code, and am quite happy at the moment.

@luke I only got into #11ty recently and read the #WebC docs first, since it felt like the most modern iteration on templating: https://www.11ty.dev/docs/languages/webc/

I combined it with #TailwindCSS, wrote some glue code, and am quite happy at the moment.

How do I identify the current page in a #11ty #WebC component using eleventy-navigation ?

https://github.com/11ty/eleventy/discussions/3406

How do I identify the current page in a #11ty #WebC component using eleventy-navigation ?

https://github.com/11ty/eleventy/discussions/3406

How do I identify the current page in a #11ty #WebC component using eleventy-navigation ?

https://github.com/11ty/eleventy/discussions/3406

How do I identify the current page in a #11ty #WebC component using eleventy-navigation ?

https://github.com/11ty/eleventy/discussions/3406

How do I identify the current page in a #11ty #WebC component using eleventy-navigation ?

https://github.com/11ty/eleventy/discussions/3406

A `webc:scoped` CSS block breaks component props in #11ty #WebC ?

https://github.com/11ty/eleventy/discussions/3404#discussion-7014239

A `webc:scoped` CSS block breaks component props in #11ty #WebC ?

https://github.com/11ty/eleventy/discussions/3404#discussion-7014239

A `webc:scoped` CSS block breaks component props in #11ty #WebC ?

https://github.com/11ty/eleventy/discussions/3404#discussion-7014239

A `webc:scoped` CSS block breaks component props in #11ty #WebC ?

https://github.com/11ty/eleventy/discussions/3404#discussion-7014239

A `webc:scoped` CSS block breaks component props in #11ty #WebC ?

https://github.com/11ty/eleventy/discussions/3404#discussion-7014239

Can I pass arguments to a #WebC component in #11ty?

https://github.com/11ty/eleventy/discussions/3396

Can I pass arguments to a #WebC component in #11ty?

https://github.com/11ty/eleventy/discussions/3396

Can I pass arguments to a #WebC component in #11ty?

https://github.com/11ty/eleventy/discussions/3396

Can I pass arguments to a #WebC component in #11ty?

https://github.com/11ty/eleventy/discussions/3396