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

We Need to Talk About Your Eleventy Post Dates https://rknight.me/blog/eleventy-post-dates/

I’ve been meaning to write about this for a while but the tl;dr is you should specify a full ISO date in your post frontmatter unless you want all your posts to be set as midnight. #11ty

skinnylatte, to 11ty
@skinnylatte@hachyderm.io avatar

For anyone who wants to export Wordpress posts into Markdown, in order to use in #11ty or other static site generators, this works really well

Export your wordpress posts in tools / export, and follow the directions here: https://github.com/lonekorean/wordpress-export-to-markdown

benjystanton, to 11ty

Can anyone recommend a good starter template for eleventy please? Looking for something with blogging features that is easy to setup for someone with some html and css knowledge. #11ty #eleventy

anders, to 11ty
@anders@thoresson.social avatar

Did a first successful trying installing #11ty locally on my Mac today! I can see that I actually want to build a new personal blog using 11ty. Meaning that the next step is to configure 11ty together with a starter projects the way it is supposed to be done.

Since I'm new to not only 11ty, but also #Github, I just want to check with you:

  1. Get Github Desktop and clone the starter repo.
  2. Install 11ty in the same directory as I put the starter in.

Is that all?

choanmusic, to 11ty Spanish
@choanmusic@mstdn.social avatar

Una cosica os voy a decir: una de las razones que me impulsan a usar #11ty (y no es menor) es que @zachleat me parece un ser humano estupendo.

devmcclu, to 11ty
@devmcclu@mastodon.gamedev.place avatar

Wanted to use the lite-youtube embed (https://github.com/paulirish/lite-youtube-embed) on my site to make it even faster to load, but I couldn't get it to properly embed. Tried turning off uBO, waiting a couple minutes, still no dice. Maybe I'll have to scrub through @zachleat website to figure out how to get it to play nice in #11ty haha

cjerrington, to 11ty
@cjerrington@mstdn.social avatar

Are there any other static site contact form services? Formspree has been great but as of lately might need to change.

lukem, to 11ty
@lukem@hachyderm.io avatar

Right, so I wrote about deploying Eleventy site to GitHub Pages using pathPrefix property.

But since it's nothing truly creative compared to stuff I should be writing about, I followed the old stylebook of food bloggers: provide a lot of backstory everybody's going to scroll past until finally reaching the recipe.

https://blog.lukaszwojcik.net/eleventy-pathprefix-and-github-pages/

#eleventy #11ty #github #ghPages #blog #blogging #newBlogPost

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

My very first use of #11ty was this synthwave music mix site that I made during the early days of the pandemic. It is constructed entirely out of data from the YouTube API.

https://synthwave.live/

jonas, to 11ty
@jonas@tacocat.space avatar

I wrote a blog post about my move from Netlify to Cloudflare Pages and how I use caching with GitHub Actions to speed up my Eleventy build step from over 14 minutes to just 30 seconds.

https://jonas.brusman.se/deploy-eleventy-to-cloudflare-with-githubs-action-cache/

#cloudflare #netlify #11ty #eleventy #github

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

📝 New post: Building My Comics Page

How I built my comics page using League of Comic Geeks, a NodeJS module and Eleventy.

🔥 https://flamedfury.com/posts/building-my-comics-page/

#11ty #web #webdev #SmallWeb

mikeneu, to 11ty

Going live with
@zachleat to do a deep dive on how we manage content on the
@cloudcannon marketing site #11ty - https://www.twitch.tv/cloudcannoncms

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

First cut at my documenting my comic collection on my website...

https://flamedfury.com/comics/

I'm using https://leagueofcomicgeeks.com/ to catalogue my collection (WIP).

A combination of a NodeJS module https://github.com/maruf99/comicgeeks, and eleventy-fetch to cache the info to iterate over on my homepage.

Next, I want to figure out how to use pagination in #11ty to create a page for each series and each individual issue.

I should write a post about this, as it's been fun!

piper, to 11ty

Have really enjoyed using Storybook + Chromatic for design system documentation and visual regression testing in the past.

But does anyone have tips for similar tools that would work with #11ty ?

I think it might be possible to shoehorn Storybook in... but is that the best approach?

eventua11y, to accessibility

Do you want to speak about at the 11ty Conference 2024? Proposals for 22-minute or 11-minute (lightning) talks are welcome. The call for proposals is open now until end of day (UTC) March 22. https://docs.google.com/forms/d/e/1FAIpQLScdwhO1zfEBvl8mVAJQLWbK0EylD4yPCBpe3Lanz8SvFPI9Xg/viewform

lukem, to 11ty
@lukem@hachyderm.io avatar

Also, last night I wrote down how to insert custom contents between post paragraphs because I hate sleeping.

Tl;dr: the idea of using filters to cut contents out provided by @robb but in reverse.

Demo and GitHub repo available.

https://blog.lukaszwojcik.net/eleventy-custom-markup-alongside-item-contents/

#11ty #eleventy

tixie, to 11ty
@tixie@guerilla.studio avatar

Is there webComponent or equivalent to put Codepen-like embed in a Eleventy site but with everything local, not depending on third party tools?

And I mean, as a way to demo code snippet with code and result display side by side.
But Everything would be read only, no need to allow visitors to edit, fork etc…

And I'm talking about something static generated on build and with runtine JS.

#11ty #IndieWeb #Codepen

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

Using Eleventy to Gobble Up Everything I Do Online https://rknight.me/blog/using-eleventy-to-gobble-up-everything-i-do-online/

I wrote a post based on my #11ty Meetup talk from yesterday with some more technical details about how it all works including the CLI tool.

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

800+ lovely folks have already registered for the 11ty International Symposium on Making Web Sites Real Good on May 9, 2024—do you have your ticket?

https://conf.11ty.dev/

#11ty #11tyConf

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

This slide from my #11ty talk is my Mona Lisa

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

https://11tymeetup.dev goin on live now!
@hamatti giving a great talk on data-driven #Eleventy community sites with real, live examples that Juhis maintains! The talk comes from this post https://hamatti.org/posts/community-websites-with-eleventy/ #11ty #OpenSource #CommunityBuilding #Community #DevRel

andybond, to 11ty

Finally finished the rewrite of my personal website! This time its (almost) entirely WebC!

https://andy.bond/

I simplified my site a lot - largely after being inspired by @cory and his "Now" page. Previously I was rendering a page for every book, show, movie, that I tracked - and it was too much to manage!

Maybe now I will actually write something every once in a while since I will hopefully be done with large overhauls :)

#11ty #eleventy #webc

lukem, to 11ty
@lukem@hachyderm.io avatar

Hey #11ty #eleventy friends,

Is there any smart way to insert something in a specific place of an article (between paragraphs) that will be visible on a website with full content of that article, but not in RSS feed or anywhere else where the collection with that article is rendered?

Imagine I want to insert a banner ad between paragraphs (no, it's not going to be a banner ad, but the pattern is relevant).

(it would be nice not to use client-side JS for that)

steveworkman, to 11ty
@steveworkman@webperf.social avatar
stvfrnzl, to 11ty
@stvfrnzl@mastodon.online avatar
  • 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