In case you missed it… #11ty
https://indieweb.social/@bobmonsour/112281619767063887

Bob Monsour

2024-04-16 15:32:31

Issue 39 of the 11ty Bundle is out: Another canary, Netlify redirects in your front matter, a speedlify question, just an index.md...And 5 posts and 4 sites to see.

#11ty #eleventy @hamatti @[url=https://fosstodon.org/users/eleventy]Eleventy 🎈 v3.0.0-alpha.6[/url] #webdevelopment

https://11tybundle.dev/blog/11ty-bundle-39/

Issue 39 - Another canary, Netlify redirects in your front matter, a speedlify question, just an index.md...And 5 posts and 4 sites to see.

11ty Bundle Issue 39

^{11tybundle.dev}

Got bored with my old website design so I decided to make a new one. Tried to make it less boring, but I'm no designer, so I'm not sure if I succeeded.

https://jonas.brusman.se/

I also wrote a short blog post about the update: https://jonas.brusman.se/farewell-inter-hello-overpass-and-tropi-land/

#personal #blog #webdesign #webdev #blogging #11ty

Blog | Jonas Brusman

Jonas Brusman's blog. Photos and some tech / code stuff.

^{jonas.brusman.se}

Issue 39 of the 11ty Bundle is out: Another canary, Netlify redirects in your front matter, a speedlify question, just an index.md...And 5 posts and 4 sites to see.

#11ty #eleventy @hamatti @eleventy #webdevelopment

https://11tybundle.dev/blog/11ty-bundle-39/

Issue 39 - Another canary, Netlify redirects in your front matter, a speedlify question, just an index.md...And 5 posts and 4 sites to see.

11ty Bundle Issue 39

^{11tybundle.dev}

@eleventy When I blog about things I have done with #11ty I find I can't include the literal Nunjucks templating because any of that I put in the markdown gets interpreted by the engine. Generally it goes to nothingness because the variables are not populated at that scope.

How can I escape it so my templating is shown literally in the final HTML? I naively tried putting backslashes in front of the brackets but that did not seem to do the trick.

I did a thing and added lunr.js search to my #11ty site:

https://alextheward.com/search

It was really straightforward to do (but only works with JS at the moment).

I completed the switch of my blog from #wordpress to #11ty this morning. It seems to be working so far. There may be weird lingering links to feed that still need to be redirected. Or maybe I'll just let them 404 and have the bots figure it out.

I wrote up a post talking about my process of migration. Hopefully this can be of use to anyone else who goes through the same journey, and will let you get going a bit faster than me.

https://evilgeniuschronicles.org/posts/2024/04/12/migrating-from-wordpress-to-eleventy/

Issue 38 of the 11ty Bundle is out: Plugins, Virtual templates, Register for the 11ty conf, eleventeen starter update, 11feed, the Static Site Fan Club show, a redesign, a cool site...And 3 posts and 8 sites to see.

#11ty #eleventy #webdevelopment @eleventy @chriskirknielsen @rdela

https://11tybundle.dev/blog/11ty-bundle-38/

Issue 38 - Plugins, Virtual templates, Register for the 11ty conf, eleventeen starter update, 11feed, the Static Site Fan Club show, a redesign, a cool site...And 3 posts and 8 sites to see.

11ty Bundle Issue 38

^{11tybundle.dev}

I will say that I am not stoked about how every #11ty thing that says it is RSS is actually Atom. They seem to think it doesn't matter but it does if you are using this for a podcast feed. Literally every example I have found for RSS templates are Atom so I guess I have to build this up field by field. Joy.

I can even understand choosing only to implement Atom but why then say it is RSS? If these distinctions don't matter to this crowd, maybe I am putting my eggs in the wrong basket.

Hey, all! On stream today we'll be making more updates to the Andromeda website, making use of Eleventy - check them out at @eleventy, and come hang out with us in chat!

https://www.twitch.tv/martine_dowden

#webdev #Eleventy #11ty #HTML #CSS #JavaScript

Martine_Dowden - Twitch

Award winning CTO, UX / UI designer & developer / international speaker and author focusing on web interfaces that are beautiful, functional, accessible, and usable.

^Twitch

kwickramasekara/photo-grid

https://github.com/kwickramasekara/photo-grid

A self host-able photography portfolio, based on #11ty

I will probably migrate https://instantanes.loeuillet.org/ 🎉

GitHub - kwickramasekara/photo-grid: Self host-able photography portfolio.

Self host-able photography portfolio. Contribute to kwickramasekara/photo-grid development by creating an account on GitHub.

^GitHub

Con esta piedra me he tropezado hoy haciendo mis cosicas: en #11ty, si una plantilla (página) en markdown usa cosis de nunjucks, primero se procesa el nunjucks y luego se parsea con markdown. Como resultado, nuestros tabs y líneas en blanco pueden resultar en rotos y descosidos.

https://www.tim-kleyersburg.de/articles/eleventyjs-no-markdown-code-for-includes/

TLDR; Usa `{%- whatever -%}` en nunjucks para deshacerte del whitespace (nótense los guioncicos).

An interview with me about my blog, which I've had for almost 20 years, and recently revived: https://manuelmoreale.com/pb-adrianna-tan

#Blogs #PersonalBlogs #Websites #11ty #Interview #Popagandhi

Can't get my head around this. Anyone in the ##11ty community who can help?

When I try to use the Image plugin, 11ty throws me an error about non-existing path. But using the same path and file name in a standard <img> tag works just fine.

What am I missing? :)

Added a theme switcher to my website, where each theme is from a pair of basketball shoes that I've owned.

https://declanbyrd.co.uk/journal/2024/theme-switcher/

#Eleventy #11ty

Theme Switcher

Building a theme switcher for my website.

^{declanbyrd.co.uk}

Spruced up the ol' blog. Made some design changes and lots of internal updates. Really took advantage of @eleventy global data this go round.

#blogging #11ty #StaticSiteFanClub #SmallWeb

https://fromjason.xyz/

from jason

Odes & Satires, and other matters of stuff & things.

^{from jason}

Issue 37 of the 11ty Bundle is out: Get your 11ty conference merch bundle...Shaving build time...This blog is now available as a newsletter...And 5 posts, and 5 sites to see.

@chrisburnell #11ty #eleventy @eleventy #webdev

https://11tybundle.dev/blog/11ty-bundle-37/

Issue 37 - Get your 11ty conference merch bundle...Shaving build time...This blog is now available as a newsletter...And 5 posts, and 5 sites to see.

11ty Bundle Issue 37

^{11tybundle.dev}

Added dynamic OpenGraph images to https://www.teotimepacreau.fr
following @dmc recommandation, using @KiwiKilian’s #11ty plugin (https://github.com/KiwiKilian/eleventy-plugin-og-image).

@zachleat @eleventy

#Eleventy

GitHub - KiwiKilian/eleventy-plugin-og-image: Create Open Graph images in Eleventy using your templates, data and CSS. Fast and reproducible, without a headless browser.

Create Open Graph images in Eleventy using your templates, data and CSS. Fast and reproducible, without a headless browser. - KiwiKilian/eleventy-plugin-og-image

^GitHub

hit the decks! eleventeen v9.0.0-alpha.5 has landed 🌈📓 with #Chromagen v1 💥🎨 and #Eleventy v3 alpha
https://eleventeen.blog

prefers-color-scheme: rainbow

#RainbowMode #eleventeen #11ty

Does it FOUR-HUNDY?!

YES. yes it does.

(thx @eleventy)
#Chromagen #Eleventy #RainbowMode #eleventeen #11ty
https://eleventeen.blog

OK, web performance people, my website has always scored a perfect 100 in Lighthouse, so I was surprised to see a measly 96 for performance in the Eleventy leaderboards speedlify listing. The problem seems to be a low speed index. This is all just for fun and out of curiosity, but what can I do to increase it? The site is a very basic static one hosted on Netlify: https://www.11ty.dev/speedlify/martingunnarsson-com/

#eleventy #11ty #speedlify #web #webdev #webdevelopment #webperf #webperformance #webperformanceoptimization

I have updated (better late than never) eleventy-plugin-pokedex to support the Pokémon Scarlet/Violet DLCs and I updated the Pokédex on my own website.

https://codeberg.org/fec/eleventy-plugin-pokedex
https://florian.ec/pokedex/

#11ty #pokemon

eleventy-plugin-pokedex

Eleventy plugin to add one or more Pokédex to your website. Gotta catch em all!

^Codeberg.org

This is amazing. I’ve never been a frontend guy. Made some unsuccessful attempts for a couple of personal projects a decade or so ago. With terrible results.

Now, when exploring #11ty I’ve also learnt about flexboxes and grids in #css. Suddenly frontend seems approachable as well!
https://ruhr.social/@nilsbinder/112128930415128190

Added dynamic opengraph images to https://dmc.lol using @KiwiKilian’s #11ty plugin (https://github.com/KiwiKilian/eleventy-plugin-og-image).

No, the word/character counts don’t quite match the ones in prod. Don’t at me.

dmc

it's dmc.lol yeah?

^dmc.lol