-
New Jun 9, 2025
How to import() a JavaScript String
You can use arbitrary JavaScript in front matter in Eleventy project files (via the js type). Historically Eleventy has made use of the node-retrieve-globals package to accomplish this,...
-
New Jun 5, 2025
line-numbers Web Component
<line-numbers> is a web component to add line numbers alongside <pre> or <textarea> elements. Demo npm package Install: npm install @zachleat/line-nu...
-
New Mar 28, 2025
Check the speedometer on the brand new Blog Awesome (now with 11ty)
Related Video: 11ty Meetup: Blog Awesome from WordPress to Eleventy...
-
New Mar 20, 2025
11ty Meetup: Blog Awesome from WordPress to Eleventy
lite-youtube { max-width: 100% !important; background-size: cover; } /* Plugin bug: clicking the red youtube play icon in the c...
-
New Feb 27, 2025
Extract Colors from an Image for CSS Themes
Working through the migration of Blog Awesome from WordPress to Eleventy, I encountered an interesting problem: each blog post was seeded with a featured image at the top, though the image did not co...
-
New Feb 14, 2025
?nodefine — a pattern to skip Custom Element definitions
The following code is a minimum viable custom element: class Nimble extends HTMLElement {} customElements.define("nim-ble", Nimble); The define call is typically packaged up in the component code (...