SFBA.social

41 posts30 participants2 posts today

Bob MonsourIssue 71 - 11ty Meetup Apr 23, CMS developments in progress, Drafts are simpler, QR code curious?, Eleventy v3.1.0-alpha.1...And 4 releases, 19 posts, and 6 sites to see <a href="https://11tybundle.dev/blog/11ty-bundle-71/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://11tybundle.dev/blog/11ty-bundle-71/</a> <a href="https://indieweb.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> <a href="https://fosstodon.org/@eleventy" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@eleventy</a>

Jessie (they/she) 🍓 🏳️‍⚧️ 🍉<a href="https://thinkymeat.neocities.org/posts/11tycms/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thinkymeat.neocities.org/posts/11tycms/</a>Made a little post about my plans for making a lightweight, local first, serverless CMS for <a href="https://mstdn.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a>. Complete with code editor, plugin system and everything. Is it just a pipedream? Only spoons, time, energy and dopamine will tell 😉 <a href="https://mstdn.social/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#indieweb</a> <a href="https://mstdn.social/tags/blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#blog</a>

Bob Monsour<a href="https://mastodon.social/@awilbert" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@awilbert</a> Welcome to 11ty-ville! If you're looking for inspiration beyond the docs, I built an <a href="https://indieweb.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> resource site that you might find helpful: <a href="https://11tybundle.dev" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://11tybundle.dev</a>

Adam WilbertThree days ago, I had never heard of <a href="https://mastodon.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a>, Nunjucks, or HTML preprocessors. I haven’t hand-coded a website since the early days of Adobe GoLive, having been coddled by WordPress and SquareSpace ever since.Decided to dive into building a static site from scratch, with no real idea how much web dev has advanced in the past 20 years. Now I'm leaning hard on Eleventy collections, filters, and includes and already have a decent looking blogging framework taking shape. Fun times learning new stuff!

psarant<a href="https://mstdn.social/@QueerMatters" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@QueerMatters</a> Good job! I too find <a href="https://mas.to/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> pretty pleasant to work with. I have no graphics on my project and so it is just… instant load. It’s wild. And the developer experience is great!

Jessie (they/she) 🍓 🏳️‍⚧️ 🍉Gotta say: my new <a href="https://mstdn.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> <a href="https://mstdn.social/tags/blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#blog</a> is really coming along. Quite happy with how it’s looking and DAMN is it fast to work with.Like it’s taken me two days to have a more or less functional blog from scratch. Isn’t that wild?!Anyway I think by this rate it’ll be ready next week! A step away from the algorithm internet thank god. I’m gonna be hosting Thoughts of Thinkymeat on <a href="https://mstdn.social/tags/Neocities" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Neocities</a> methinks.I’ll keep yall posted 👀

Robert KingettYAY! My <a href="https://caneandable.social/tags/Python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Python</a> is improving! I made this thing that makes a new <a href="https://fosstodon.org/@eleventy" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@eleventy</a> for me based off templates. Any chance Eleventy will have a built in new post creation thing in the future? I know it makes absolutely zero assumptions about your project but this is the most time consuming part for me and I imagine I'm not alone in this thinking. <a href="https://github.com/rkingett/myblog/blob/main/MakeNewPost.py" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/rkingett/myblog/blob/main/MakeNewPost.py</a> <a href="https://caneandable.social/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> <a href="https://caneandable.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> <a href="https://caneandable.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a>

SimonCoxAnd my site was happily sitting on 4 x 100% score in Lighthouse. That’s great for new or sites with small amounts of traffic but as soon as they start getting volume then crux kicks in. How fast is your site Simon? Well in the <a class="hashtag" href="https://bsky.app/search?q=%2311ty" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> world it’s doing alright: <a href="https://www.11ty.dev/speedlify/" rel="nofollow noopener noreferrer" target="_blank">www.11ty.dev/speedlify/</a> <a href="https://www.11ty.dev/speedlify/" rel="nofollow noopener noreferrer" target="_blank">Speedlify</a>

Reilly Spitzfaden (they/them)I've had a statuslog section on my now page (<a href="https://reillyspitzfaden.com/now/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://reillyspitzfaden.com/now/</a>) for a while, and I added it to my homepage as well (<a href="https://reillyspitzfaden.com/#homepageStatus" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://reillyspitzfaden.com/#homepageStatus</a>).The especially nice part is that I now have a script (<a href="https://github.com/reillypascal/personalsite-ssg/blob/main/status" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/reillypascal/personalsite-ssg/blob/main/status</a>) so I can simply type `./status` in the terminal, write the status text in the resulting .md file that pops open, and then commit/push!I've seen some IndieWeb people (e.g., <a href="https://social.lol/@binarydigit" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@binarydigit</a>) do something similar via one of omg.lol's tools (<a href="https://home.omg.lol/info/statuslog" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://home.omg.lol/info/statuslog</a>) and liked it, but I wanted to see if I could DIY it just for the heck of it. Very happy with how easy the result is!<a href="https://hachyderm.io/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IndieWeb</a> <a href="https://hachyderm.io/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> <a href="https://hachyderm.io/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> <a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://hachyderm.io/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Coding</a> <a href="https://hachyderm.io/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Programming</a> <a href="https://hachyderm.io/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://hachyderm.io/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://hachyderm.io/tags/Markdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Markdown</a>

m0bi ⁂🚀 Dzisiaj polecam Wam podróż przez historię internetu 🌐 z <a href="https://mastodon.com.pl/tags/CyberCultural" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CyberCultural</a> <a href="https://cybercultural.com" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://cybercultural.com</a>Można przeglądać po epokach:- Pre-web (1960s-80s) - Dot-com (1990-2003) - Web 2.0 (2004-2012) - Enshittocene (2013-2021)lub po latach: <a href="https://cybercultural.com/year/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://cybercultural.com/year/</a>Fajnie sobie przypomnieć, jak to wyglądało przed zgównieniem 😉 "Cybercultural to kronika historii Internetu i jego wpływu na kulturę, od ery przedinternetowej do boomu dot-comów, Web 2.0 i nie tylko. Napisany przez pionierskiego blogera technologicznego Richarda MacManusa." :mastodon: -> <a href="https://mastodon.social/@ricmac" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@ricmac</a> Przy okazji: strona oparta jest o <a href="https://mastodon.com.pl/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> <a href="https://mastodon.com.pl/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.com.pl/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdesign</a> <a href="https://mastodon.com.pl/tags/internet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#internet</a> <a href="https://mastodon.com.pl/tags/oldschool" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#oldschool</a> <a href="https://mastodon.com.pl/tags/history" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#history</a>

Trevor BurrowsSo, super simple Eleventy + Obsidian recipe for a <a href="https://techhub.social/tags/DigitalGarden" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DigitalGarden</a> space:* Set up an 11ty project * install the eleventy-plugin-interlinker (link below) * open the project folder in Obsidian * create a notes folder and change your settings so that all new notes go to that folder * Add the Backlinks code from the interlinker plugin's readme into either an Obsidian template or a 11ty layout * Add to that template some frontmatter for title, date * Start making notes. Serve locally (from terminal, vscodium,, whatever). The interlinker plugin is here: <a href="https://github.com/photogabble/eleventy-plugin-interlinker" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/photogabble/eleventy-plugin-interlinker</a><a href="https://techhub.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> <a href="https://techhub.social/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a>

tlohdeWrote myself a how-to (or rather a "how did I?") for adding <a href="https://fediscience.org/tags/leaflet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#leaflet</a> maps to my <a href="https://fediscience.org/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> site.<a href="https://tlohde.com/blog/2025/04/mapping-with-leaflet/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://tlohde.com/blog/2025/04/mapping-with-leaflet/</a><a href="https://fediscience.org/tags/WebMapping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebMapping</a> <a href="https://fediscience.org/tags/eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#eleventy</a> <a href="https://fediscience.org/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#indieweb</a>

Sia KaramalegosNew newsletter is out! <a href="https://sia.codes/newsletter/supporting-community/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://sia.codes/newsletter/supporting-community/</a><a href="https://front-end.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> <a href="https://front-end.social/tags/webperf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webperf</a>

Sia KaramalegosTHE Eleventy Meetup Episode 23 is scheduled for 23 April! With vrugtehagel and <a href="https://mastodon.social/@mwdelaney" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@mwdelaney</a> as speakers - all details at <a href="https://11tymeetup.dev/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://11tymeetup.dev/</a><a href="https://front-end.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a>

ScottI have been working on a <a href="https://github.com/scottsweb/elva/pull/93" rel="nofollow noopener noreferrer" target="_blank">big update to elva</a> and it's using <a href="https://toot.scott.ee/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> alpha (3.0.1)... I think I am just going <a href="https://toot.scott.ee/tags/yolo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#yolo</a> and merge it into main shortly.I want to get started on a new project with all the new features like bundled assets and simpler image embeds (with fancy lazy load).It all seems fairly stable to me and I will update again when the next version of 11ty makes it out of alpha.

McNeelyAny recommendations from the <a href="https://indieweb.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> community about ESLint plugins? I know React, Vue, and other frameworks have their own plugin configurations, is there a similarly common one for 11ty?

NathanMade some updates to my website. I removed all the post lists from the index page to make things a little cleaner, and built a neat little "navigator" include that uses site metadata to spit out a grid of link + icon elements for pages I want to highlight. I was going to remove the post images too, but I found it depressing and reverted the changes. <a href="https://lounge.town/tags/eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#eleventy</a> <a href="https://lounge.town/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> <a href="https://lounge.town/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#indieweb</a> <a href="https://lounge.town/tags/blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#blog</a>

Reilly Spitzfaden (they/them)I found this cool option to keep a post as a draft in my Eleventy site: <a href="https://www.11ty.dev/docs/config-preprocessors/#example-drafts" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.11ty.dev/docs/config-preprocessors/#example-drafts</a>I'd been wanting a way to view posts on a local dev server, but leave them out of my published site, and now all I have to do is add `draft: true` to the YAML frontmatter on a post and then it won't publish except on a dev server. Nice!<a href="https://hachyderm.io/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> <a href="https://hachyderm.io/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> <a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://hachyderm.io/tags/Blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Blogging</a>

Mikka, MDIntroducing <a href="https://mas.to/@obsidian" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@obsidian</a> to Mastodon. A very early stage plugin to post arbitrary notes from your vault to your Mastodon instance. Right now, you still have to clone the Git repo, do some magic (it's all explained in the README) and super easy, and move the folder into your .plugins directory (also explained). But it should mostly work, for everything else please let me know.<a href="https://gitea.com/medic/obsidian-mastodon" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://gitea.com/medic/obsidian-mastodon</a>This works really well with my Python script to fetch Mastodon posts into your Daily Note (<a href="https://gitea.com/medic/obsidian" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://gitea.com/medic/obsidian</a>) and with my <a href="https://medic.cafe/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> setup to pull in likes, reposts, and responses from Mastodon into your blog (you can see that one on this post).You can see the <a href="https://medic.cafe/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> blog integration here: <a href="https://ultreia.me/txt/date/2025-04-08/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ultreia.me/txt/date/2025-04-08/</a>

PhilipI've finished writing up the details on how I added search to my 11ty site without client-side Javascript after the upgrade to 11ty version 3 removed the official serverless function.<a href="https://www.philiprenich.com/blog/recreating-search-with-eleventy-v3-and-netlify/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.philiprenich.com/blog/recreating-search-with-eleventy-v3-and-netlify/</a>Big thanks to Zach for jumping in with some answers when I couldn't read the manual correctly 😅 (and, ya know, creating Eleventy!)<a href="https://mastodon.nz/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.nz/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> <a href="https://mastodon.nz/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a>

Recent searches

Search options

Administered by:

Server stats:

#11ty