11 posts by Shiv J.M.
eleventy-vite-plugin and the Output Directory
I tweaked the Eleventy output directory to get around the Vite plugin’s simple string comparison.
Aug 23, 2024
by Shiv J.M. (11 posts) · Website & RSS feed
Responsive Images in HTML: w and x
w is more correct than x except in one scenario, which is going to be fixed, but the CSS must match.
Jun 11, 2024
by Shiv J.M. (11 posts) · Website & RSS feed
Readable HTML and CSS
Instead of minifying HTML and CSS, I make it easy to read.
Jun 9, 2024
by Shiv J.M. (11 posts) · Website & RSS feed
Categories: CSS/SassConfigurationHow to...Plugins
Keeping Out Dark Visitors
One short data file and one tiny template to block… er, dissuade all AI scrapers and crawlers.
May 14, 2024
by Shiv J.M. (11 posts) · Website & RSS feed
Categories: How to...PermalinksRemote Data
Farewell Netlify Large Media, Welcome eleventy-img
Not too complex once I had finished making my mistakes.
Feb 19, 2023
by Shiv J.M. (11 posts) · Website & RSS feed
CAUTION
The posts below were published before the release of Eleventy v1.0.0 (Jan 9, 2022). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.
CAUTION
The posts below were published before the release of Eleventy v2.0.0 (Feb 8, 2023). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.
Automatically Generated Social Media Images with HTML, CSS, Eleventy & Puppeteer
Prettier previews, built with many moving parts.
Aug 16, 2021
by Shiv J.M. (11 posts) · Website & RSS feed
When to Use Pagination in Eleventy
Contrasting pagination and looping, with examples and a reference image.
Jul 31, 2021
by Shiv J.M. (11 posts) · Website & RSS feed
Categories: Pagination
How I Create an Article Series in Eleventy
Front matter, templates, collections, and JavaScript.
Jul 14, 2021
by Shiv J.M. (11 posts) · Website & RSS feed
Categories: How to...
A Remarkable Discovery
I switched from markdown-it to remark and I’m much happier for it.
May 23, 2021
by Shiv J.M. (11 posts) · Website & RSS feed
Archives & Permalinks
How I got the archive page permalinks right.
Apr 21, 2021
by Shiv J.M. (11 posts) · Website & RSS feed
Categories: How to...Permalinks
How to Include PrismJS CSS Only When Required In Eleventy
How I set up Eleventy to avoid including unnecessary CSS.
Apr 29, 2020
by Shiv J.M. (11 posts) · Website & RSS feed