computersandblues, to 11ty
@computersandblues@post.lurk.org avatar

i would like to create a web component in that generates an svg dynamically using (see https://github.com/thi-ng/umbrella/blob/f5e18e98bd9c899677a90886e6a3fd8cd65cfa7b/examples/poisson-circles/src/index.ts for example). any advice how i'd do that? everything i've seen so far suggests that "3rd party javascript library that generates a complete dom tree" is not really the prime use case for webc, right?

lene, to 11ty
@lene@front-end.social avatar

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/

#11ty #webc

cjerrington,
@cjerrington@mstdn.social avatar

@lene it’s been a minute but the redirect syntax is pretty similar. It’ll be a few days but could help take a look too. If it’s different maybe there’s a way we could programmatically keep it updated.

Should update my site again to the new and improved 3.0 version 😎

lene,
@lene@front-end.social avatar

@cjerrington If you come up with a good system don't hesitate to PR!

stefan, to webdev
@stefan@stefanbohacek.online avatar

Finally had a proper look at @eleventy.

I really like that it can be as simple or as complex as you want it to be.

I'm not quite sold on it for hosting blogs (yet), but I've migrated a few of my smaller projects for which I've used a simple node app (mainly to take advantage of templating).

Huge improvement in memory consumption! For example, https://simplepagebuilder.app went from 67.89MB down to just 6.07MB.

Nice!

pch,
@pch@s3th.me avatar

@stefan @eleventy Wow that's pretty cool. Hard to design something really pretty though. Might just be me! LOL

stefan,
@stefan@stefanbohacek.online avatar

@pch @eleventy Hah, not a designer myself, I just used Bootstrap here and a theme from https://www.happyhues.co.

But this really shows how flexible 11ty is, you can really throw anything on it.

christian, to 11ty
@christian@aldr.social avatar

I'm taking a bit more time with my starter kit upgrade.

Along with moving away from SASS/SCSS, I have decided to learn and lean into the CUBE CSS methodology once and for all 💪

I keep seeing it pop up from developers I admire and now would be a perfect time to give it a spin.

Not sure if I'll also delve into design tokens just yet 👀 but maybe.

https://cube.fyi/

christian,
@christian@aldr.social avatar

Also this: https://every-layout.dev/

Lots of learning to do 📖

hmiron,
@hmiron@fosstodon.org avatar

@christian if you’re moving away from SASS, perhaps you want to try vanilla extract. I’ve been using it for three years now and I keep finding new awesome things about it.

https://vanilla-extract.style/

christowski, to 11ty
@christowski@mastodon.social avatar

Finally managed to publish my new website last night! ✨

https://christophrauscher.de/

Now that it’s online, I am extremely underwhelmed (of course). But also relieved that it won’t collect dust in the drawer like all the other attempts.

#11ty #designportfolio #illustration #personalwebsite

binarydigit, to 11ty
@binarydigit@social.lol avatar

I want to redo my website again, because it really doesn't reflect a "digital cafe" or "garden". Does anyone have favorite #11ty templates they can share? I've seen so many gorgeous sites but don't have the talent to make a theme from scratch 😅

cjerrington, (edited )
@cjerrington@mstdn.social avatar

@binarydigit here’s a few!

@lukem has Eleventy Bliss https://github.com/lwojcik/eleventy-template-bliss

@lene has Excellent Eleventy https://github.com/madrilene/eleventy-excellent

@bobmonsour has a great collection of all kinds of resources, and starter templates is one of them from the community https://11tybundle.dev/starters/

mxbck, to 11ty German
@mxbck@front-end.social avatar

Every month I pay subscriptions for Netflix, Spotify and Google. But none of them provide as much value to me as - its the best tool I know, and I use it for everything I can.

That's why I'm a long time supporter of the project - and now that it's going independent, you should consider becoming one too!

  1. Go to https://opencollective.com/11ty
  2. Sign up as a monthly backer
  3. Let me know and I'll get you a beer and a high five next time we meet

https://www.zachleat.com/web/independent-sustainable-11ty/

hawkticehurst, to 11ty
@hawkticehurst@fosstodon.org avatar

While I've only recently started to spend serious time using @eleventy, I've long admired and align with the values/culture @zachleat has been cultivating for years.

Zach is now looking for help to independently go full-time on . I want to share and encourage anyone with extra money, influence, or both to consider supporting this project.

Like other folks have been saying today, I too want to live in a world where projects like 11ty are sustainable.

https://www.zachleat.com/web/independent-sustainable-11ty/

hawkticehurst,
@hawkticehurst@fosstodon.org avatar

@eleventy @zachleat I often think about this quote from The "Cheap" Web manifesto:

> cheap ≠ free
> Making nice things is difficult and time-consuming.
> If we want people to make nice things for us, we have to pay for their rent and grocery bills and raw materials.

So as of today, I am now contributing monthly to the project and will be nominating 11ty for Microsoft's FOSS fund going forward

Thanks for all your hard work pushing the web forward @zachleat!

https://potato.cheap/

zachleat,
@zachleat@zachleat.com avatar

@hawkticehurst @eleventy Thank you so much!

nmoo, to opensource
@nmoo@mas.to avatar

I want to live in the kind of world where great folks like @zachleat can sustain themselves independently with a full-time focus on projects like @eleventy!

Exciting moment for the community and open source in general 🎉

https://www.zachleat.com/web/independent-sustainable-11ty/

zachleat,
@zachleat@zachleat.com avatar

@nmoo @eleventy appreciate you Nate!! 🙌

zachleat, to 11ty
@zachleat@zachleat.com avatar

A blog post about what is likely the biggest @eleventy news in our project’s history — and we need your help!

https://www.zachleat.com/web/independent-sustainable-11ty/

cferdinandi,
@cferdinandi@mastodon.social avatar

@uncenter @zachleat @eleventy It's also ENTIRELY possible that my ADHD-driven sensitivity is causing me to read your original words with a tone that wasn't there and react too strongly (or that you're also ND and I'm not recognizing your own communication quirks).

cferdinandi,
@cferdinandi@mastodon.social avatar

@uncenter @zachleat @eleventy As someone who's often told I'm being an asshole when I don't intend to be, you handled my feedback far better than I would have if I were on the receiving end of it.

robb, to 11ty
@robb@social.lol avatar

A Ghost × iMessage art collab between me and @DavidDarnes

DavidDarnes,
@DavidDarnes@mastodon.design avatar

Would like to thank @robb for collaborating on the new branding for my @ghost to @eleventy plugin
https://github.com/daviddarnes/eleventy-plugin-ghost

DavidDarnes,
@DavidDarnes@mastodon.design avatar

@hamatti @robb Robb sent the ghost, I added the balloon sticker

robb, to 11ty
@robb@social.lol avatar

TIL you can use your #11ty filters in computed data if you use regular functions rather than arrow functions https://illtron.net/2023/01/11ty-directory-data-filters/
Very handy for the clean up I've been doing on my site. https://rknight.me/notes/202405200945/

Chris,
@Chris@mastodon.social avatar

@robb My first thought was, “hmm this sounds complicated,“ followed immediately by “oh wait I wrote this.” Glad it was helpful!

robb,
@robb@social.lol avatar

@Chris This is why we write blog posts, with this one thing you've helped me clean up so much of my code.

christian, to 11ty
@christian@aldr.social avatar

Why have I been sleeping on AVIF!? The site I tested it on isn't particularly image heavy, but turning 1.8 MB .png into 330 KB .avif is just an absolute win. All done on the fly thanks to the 11ty Image Plugin 💚

https://www.11ty.dev/docs/plugins/image/

stvfrnzl, to Astro
@stvfrnzl@mastodon.online avatar

Good news: I got #webmentions working locally with @astro ! 🥳

Bad news: They're not showing in production, there's not even a request, nor is my try & catch throwing me an error 🤡

Why is it SO HARD to get them working with #astro?? Meanwhile the #11ty community has tons of resources on how to do it...

I assume that it's some client-side issue but I've had enough of this, time to start the weekend

#WebDev #Frontend #indieweb

stefanzweifel, to 11ty
@stefanzweifel@phpc.social avatar

Now that I've switched my blog to use #11ty, it makes much more fun to update it again.

Finally updated my /uses page. Updated some screenshots and apps. (The biggest change is that I've replaced Feedbin with Reeder.app)

https://stefanzweifel.dev/uses/#ios

#homescreen

regis,
@regis@phpc.social avatar

@stefanzweifel Oh! It made me realize that Plexamp exists for macOS with the iOS app, and it's great since I used the plex web version which is not as good as the dedicated music app.

Thanks for Bruno, didn't know this one.

stefanzweifel,
@stefanzweifel@phpc.social avatar

@regis Plexamp is awesome.
I’ve downloaded some ambient music from World of Warcraft and mostly listen to this while coding.
Probably 80% of the time, Plexamp is running.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • JUstTest
  • ngwrru68w68
  • everett
  • InstantRegret
  • magazineikmin
  • thenastyranch
  • rosin
  • GTA5RPClips
  • Durango
  • Youngstown
  • slotface
  • khanakhh
  • kavyap
  • DreamBathrooms
  • provamag3
  • tacticalgear
  • osvaldo12
  • tester
  • cubers
  • cisconetworking
  • mdbf
  • ethstaker
  • modclub
  • Leos
  • anitta
  • normalnudes
  • megavids
  • lostlight
  • All magazines