Skip to main content

Issue 62 - Raymond's video series, Build an image gallery, Equilibrium in the UK, 11ty at the Louvre, Eleventy versions, Autofocus in the search...And 1 release, 11 posts and 13 sites to see

4 minutes to read

Welcome to Issue 62 of the 11ty Bundle. 11ty, aka Eleventy, is a "simpler 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 template languages, giving developers the freedom to choose the languages that best suit the needs of their project.

An email version of this blog is available. Subscribe here.


Some notes from Bob:

I'm utterly noteless this week.


Raymond's video series. Raymond Camden, the author with the most posts on this site (103 as of this writing) has a two part video series titled "Let's Build a blog Like it's 1990." If you're wanting to build a blog with with Eleventy, this is a great place to start.

Build an image gallery. Nathan Upchurch shows us how be built an image gallery with Eleventy. And he shares a demo with Pop Tart Flavor Memes. Nathan's post joins the others in the image galleries category.

Equilibrium in the UK. One thing I love about the RSS reader that I use, Inoreader, is that it uncovers feeds that I am not even following, using its 'Monitoring feeds' feature. It monitors various sites in its universe and captures those that have user-defined keywords. This week, I was thrilled to uncover a significant author of Eleventy content. He goes by the handle 'equilibriumuk'. You can find his website here and the list of his Eleventy posts here.

11ty at the Louvre. This just in, here are two pages at the website of the Louvre museum in Paris that are built with Eleventy. Here's the top-level books page and one of the pages for a specific book. Who said Eleventy wasn't culturally appropriate?

Eleventy versions. The exceptionally helpful Discord user, known as 'vrugtehagel,' shared an observation that I was unaware of. In the top navigation of the Eleventy website, there's a dropdown menu showing all of the Eleventy versions, titled "Versions." Not sure if this is new or if I just missed it. But it's kinda cool to see.

Autofocus in the search? I have turned on the autofocus option in the Pagefind search that I use here. What that means is that when you land on any page of the site, all of which contain the search box at the top, your cursor will be pre-positioned in the search box. It seems that a large majority of visitors to the site enter on the home page. I am making the assumption that they've come to search. So rather than having to move your cursor to the search box, it's already there. I'm curious to know if you think this is a good idea or not. I do realize that this may pose an accessibility problem for some. I'd welcome any thoughts on this, via email.

Until next time...


Recent releases

Eleventy Import v1.0.4

Utility to import content from multiple services (and a CLI, too) - Release Eleventy Import v1.0.4 ·...

Posts from around the web

Dec 9: Building a blog

A quick look at the tools we used to build our new blog & marketing site.

Dec 9, 2024

Categories: BloggingCMSConfigurationDeployment

Rebuilding your Netlify site at regular intervals

With my site on Netlify I've set up a function to rebuild it at regular intervals (hourly, in my case).

Dec 6, 2024

Categories: DeploymentHow to...

11ty Fix Inline Styles Livereload

writings of a coder + sysadmin

Dec 6, 2024

Categories: CSS/Sass

Going all in with 'native' markdown

I've been typing way too much. There are simpler ways to use markdown for images and tables of contents. Here's how I'm doing it.

Dec 3, 2024

Categories: ConfigurationHow to...ImagesMarkdown

Adding Image Galleries to My Website

At last, I've gotten around to implementing image galleries.

Dec 2, 2024

Categories: CollectionsFiltersImage GalleriesLayoutsPagination

A tweak to how I use Pagefind

I use the Pagefind package to add search to my personal site. It was returning way too many result for simple words. I made a small tweak to fix that.

Nov 27, 2024

Categories: How to...Search

Migrating a +800 pages affiliate Wordpress site to Eleventy

How to successfully migrate an iGaming site to (dramatically) increase performance and security

Apr 4, 2024

Categories: InternationalizationMigrating to Eleventy

Using Esbuild With Eleventy

writings of a coder + sysadmin

Jun 26, 2023

Categories: How to...

Built with Eleventy

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

V8

V8 is Google’s open source high-performance JavaScript and WebAssembly engine, written in C++.

web chronicle

A web archiving tool that captures and explores snapshots of webpages over time, similar to the...

minimo

UX Designer & Frontend Developer interested in bringing performant digital ideas to life.

Fredrik Bergqvist

Web developer with more then 25 years of experience. Writing about javascript and front end...

FrostKiwi's Secrets

TechBlog and secret sauce recipes of Wladislav Artsimovich

Si Novi

Si Novi is a software development consultancy based in the UK. We advise on, architect, build and...

Andrew Shell's Weblog

Strategies for thinking, learning, and productivity.

Equk's Blog

writings of a coder + sysadmin

Les stèles puniques de Carthage au musée du Louvre

Le département des Antiquités orientales du musée du Louvre conserve mille trois cent...

Get the blog by email (or RSS)

Powered by Buttondown