Skip to main content

Issue 30 - Two new categories...Eleventy Meetup...11ty site for a 7 year-old's art...Designing in public...Search on every page...And 5 posts, and 4 sites to see.

4 minutes to read

Welcome to Issue 30 of the 11ty Bundle. 11ty, aka Eleventy, is a static site generator that is designed to be simple, flexible, and highly customizable. It is built on Node.js and allows developers to create websites by transforming templates and data into static HTML files. It supports multiple templating languages, including HTML, Markdown, Nunjucks, Liquid, and more, which gives developers the freedom to choose the languages they are most comfortable with or that best suit their project's needs.

First off, don't forget to sign up for news about the upcoming (May 2024) 11ty conference. See that button at the tippy-top of every page of this site? That takes you there too.

Next up, we've added to new categories to the Bundle. As I've been scouring the planet for 11ty blog posts, I noticed two things. One is that many bloggers want to know how to make drafts of their posts that don't get published until deemed ready by their author. Well, now there's a category for that. And we've all had our struggles with getting our RSS feeds just so. So, now there's a category for that too. As part of getting your RSS feed going, I'd encourage you to take advantage of the W3C's feed validator.

Earlier today, the next Eleventy Meetup was been announced. It will be held on February 20th at 10am CST. The site has a cool "convert to local" time link to help you figure out when that is for you. The two speakers on tap are:

In what I'll call the "site of the week" is one built by a dad, Saneef Ansari, for his 7 year-old son Shiro. I came across Saneef's "conversation" with his Shiro and it went like this:

7-year-old: Can I put my drawing videos on YouTube?
Me: No.

7-year-old: Can I put my drawings on Instagram?
Me: No way.

7-year-old: Can you make me a website for my drawings?
Me: (after thinking for a moment) Okay. That I can do!

Here's Shiro's site. It's even got an RSS feed. You'll see a link in the footer of each page that says "Email me (My mom or dad will read it to me.)" I sent a short email to Shiro and got a nice reply from him via his dad. I love encouraging kids to be creative. I'm sure Shiro would love to hear from you too.

In the interest of "designing in public," I've been inspired by several people aggregating feeds for various blogs (just one example, thanks, Sara), and showing the source and their most recent few links. It drove me to create a new version of the Categories page. You can see it here, but it's also accessible from the primary Categories page; and you can flip back and forth between them with the "new design" and "old design" links there. It's live now on the main Categories page. I think this is an improvement, and I want to do this for the Authors page too. Before making it the default, I have some other redesign ideas in progress and hope to have most of that done before the next issue.

And in case you hadn't noticed, the search box now appears on every page. It not only searches these blog posts, it now searches all 42 categories which contain all 1055 posts on the site. Search results will show a category and the posts in that category where the title or description matches your search term. Give it a whirl. It's even helping me find posts that I have incorrectly or insufficiently categorized. And it helped me figure out that we needed the Drafts and RSS categories. Shout out to Clayton Errington for ingniting the spark in a Mastodon post.

One more thing about this site...I was able to reduce the build time from about 30 seconds to around 10 seconds. I wrote about how I did it, calling it Slashing by caching.

One more thing...a cool thing I came across this week is:

Until next time...

Recent releases

No new releases since the last issue.

Posts from around the web since the last Bundle issue

Check if images are available before optimizing in Eleventy

How to check if a remote image is available before attempting to optimize it using @11ty/eleventy-img.

Categories: How to...ImagesWebmentions

Eleventy Filter to Turn a URL Into a Domain Name

ZOMG I made my first 11ty filter!

Categories: FiltersHow to...

Slashing by caching

I've reduced the build time for the 11ty Bundle site from 30 seconds to 10 seconds. Here's how.

Categories: FiltersHow to...Performance

The Good, the Bad, the Web Components

A post by Zach Leatherman (zachleat)

Categories: WebC

We're Running an 11ty Conference

We’re running an 11ty Conference! — Eleventy

Categories: Why Eleventy?

Built with Eleventy

Here are the new sites to see. If you want to see more sites, check out the Eleventy Leaderboards.

Drawings by Shiro

Scribbles, sketches, drawings, and paintings by Shiro.

Mi día

Mi día es una simple PWA (página web progresiva) que busca motivar la constancia sobre una serie de...

Likes (8)

Reposts (6)

photo of the author of one of the webmentions for this page photo of the author of one of the webmentions for this page photo of the author of one of the webmentions for this page photo of the author of one of the webmentions for this page photo of the author of one of the webmentions for this page photo of the author of one of the webmentions for this page

Get the blog by email (or RSS)

Powered by Buttondown