11ty

How to get started with your robots.txt

How to add tags with links to hub topic pages in 11ty

Quick reminder to myself about how to use the 11ty shortcode for images

WebC is an exciting addition to the 11ty ecosystem as it enables first-class components. Putting the pieces together may be a little overwhelming, so let’s review some WebC features to help you be successful!

Pocket bietet eine API, mit der die gespeicherten Lesezeichen verwendet und angepasst werden können. Diese mache ich mir zu nutzen und speichere die Daten in einem Lesezeichenbeitrag auf stebre.ch. Es werden Lesezeichen mit einem spezifischen Tag berücksichtigt. Nach der Verarbeitung wird der auf Pocket gespeicherte Link archiviert.

notion2eleventy ist ein Plugin für den Static Site Generator Eleventy (kurz: 11ty). Es lädt Inhalte von Notion in dein 11ty-Verzeichnis. Mit einem statusbasierten Workflow wird dafür gesorgt, dass nur die Inhalte heruntergeladen werden, die sich verändert haben. Das Plugin ist als Node Modul auf npmjs.com verfügbar.

I've expanded the media sections I already had built to include pages generated from data using Eleventy.

A template to optimizing images based on markdown tags! - bholmesdev/11ty-image-optimization-demo

A collection of notes and code snippets for various situations and use cases.

A short summary of upgrading this website to Eleventy v3.

I love markdown's simplicity and convenience, but sometimes you need a little more than the default image tag. In this post, I walk through how responsive images (with the picture tag) are handled on this blog in a way that doesn't compromise the authoring experience.

Step by Step guide to adding the Eleventy Style Guide Generator to an existing site. Details on how to avoid needing WebC or Design Tokens included.

I recently discovered Eleventy, a modern static site generator that’s customizable and flexible, but without fuss. Eleventy uses JavaScript, but it’s not a JavaScript framework. It uses Node.js under the hood to transform templates into static (HTML, CSS) content. But those pages don’t contain any JavaScript. Eleventy was created to be a JavaScript alternative to Jekyll. It’s zero-config by default but has flexible configuration options. Eleventy works with your project’s existing directory structure.

How I implemented Notion and PSN APIs in my Eleventy build for my Now and Gaming pages

Last week, the first 11ty Conference, also known as the 11ty International Symposium on Making Web Sites Real Good, took place and it blew my mind. Here are the best parts, which is pretty much everything.

A starter project that demos configuring 11ty for multi-site support - davidwkeith/11ty-multisite

Forget the usual suspects for your website hosting. You should consider shared hosting for your next 11ty project.

How I surf the web, manage my online bookmarks and share exciting hyperlinks with the community.

Writing Node.js scripts to auto-fill frontmatter with the details about a book from an API.

Documenting a refactor that introduced a folder structure and configuration changes, which summarises how I Eleventy.

I had a revelation earlier today that solved a long-standing performance issue I’ve been having with the initial build of my Eleventy website, and here’s how it saved me a bunch of time!

The Base design system defines the foundations of user interfaces across Uber's ecosystem of products & services. It brings all Uber experiences together under a single, unified framework.

A post about the new automatic template image scaling support in Eleventy Image 4.0.0.

post collections, data files, other messiness.

A beautiful yet powerful syntax highlighter

On Monday, I shared a new interactive Code Sandbox I had built using vanilla JavaScript, and explained how I live render code into an iframe. Today, I wanted to share how I syntax highlight code as the user types in real time. Let’s dig in! The one simple trick that makes this work! I tried a bunch of things to get this to work, but the trick that made it happen ended up being stupidly simple.

Short and quick tutorial on how to embed custom HTML content between post paragraphs on an Eleventy site.