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
Dec 10, 2024
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
Utility to import content from multiple services (and a CLI, too) - Release Eleventy Import v1.0.4 ·...
Nov 27, 2024
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
by Callum Skeet (1 post) · Website
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
by Cory Dransfeldt (43 posts) · Website & RSS feed
Categories: DeploymentHow to...
11ty Fix Inline Styles Livereload
writings of a coder + sysadmin
Dec 6, 2024
by equilibriumuk (15 posts) · Website & RSS feed
Categories: CSS/Sass
Let's Build a Blog Like it's 1990 - Part 2
YouTube video
Dec 5, 2024
Categories: BloggingGetting StartedYouTube
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
by Bob Monsour (13 posts) · Website & RSS feed
Categories: ConfigurationHow to...ImagesMarkdown
Adding Image Galleries to My Website
At last, I've gotten around to implementing image galleries.
Dec 2, 2024
by Nathan Upchurch (1 post) · Website & RSS feed
Categories: CollectionsFiltersImage GalleriesLayoutsPagination
Static website hosting with Cloudflare pages
Nov 29, 2024
by Saulius Zukauskas (1 post) · Website & RSS feed
Categories: DeploymentHow to...
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
Let's Build a Blog Like it's 1990 - Part 1
YouTube video
Nov 7, 2024
Categories: BloggingGetting StartedYouTube
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
by Nicolás Erramuspe (1 post) · Website
Categories: InternationalizationMigrating to Eleventy
Using Esbuild With Eleventy
writings of a coder + sysadmin
Jun 26, 2023
by equilibriumuk (15 posts) · Website & RSS feed
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 is Google’s open source high-performance JavaScript and WebAssembly engine, written in C++.
A web archiving tool that captures and explores snapshots of webpages over time, similar to the...
UX Designer & Frontend Developer interested in bringing performant digital ideas to life.
Web developer with more then 25 years of experience. Writing about javascript and front end...
TechBlog and secret sauce recipes of Wladislav Artsimovich
Si Novi is a software development consultancy based in the UK. We advise on, architect, build and...
Strategies for thinking, learning, and productivity.
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...