Skip to main content

19 posts in 'Shortcodes'

Using templates, shortcodes, and the Eleventy supplied data for highlighting the current page in navigation

Jul 6, 2024

Categories: CSS/SassHow to...Shortcodes

JavaScript code to convert Obsidian image links to Nunjucks short codes.

May 29, 2024

Categories: How to...ImagesShortcodes

Getting started with Eleventy

The missing getting-started guide for the Eleventy (11ty) static-site generator.

May 27, 2024

Categories: Asset PipelinesConfigurationGetting StartedLayoutsShortcodes

Upgrading to Eleventy 1.0.1

If it ain’t broke, clearly you gotta fix it.

May 1, 2024

Categories: ImagesMarkdownShortcodesUpgrading

How I Eleventy

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

Mar 13, 2024

Categories: ConfigurationHow to...LayoutsMarkdownPermalinksShortcodes

Refactor by shortcode

I decided to take on some overdue refactoring of the 11tybundle.dev site. Here's what I did.

Feb 20, 2024

Categories: FiltersHow to...Nunjucks/MacrosShortcodes

11ty image shortcode best practice

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

Jun 6, 2023

Categories: ImagesHow to...MarkdownShortcodes

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.

Eleventy - Shortcode for Embedding Codepen

Don't know what eleventy is? Before you read further, check out this amazing series of articles by... Tagged with webdev, javascript, beginners, eleventy.

Jul 7, 2022

Categories: How to...Shortcodes

Using Storybook With 11ty

Storybook is great for component-driven development. This blog post shows you how to use Storybook with 11ty.

Apr 6, 2022

Categories: How to...ShortcodesWebC

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.

Using Nunjucks shortcodes in Markdown files in Eleventy

Unlock the power of Eleventy Image in your md posts

Jul 29, 2021

Categories: MarkdownNunjucks/MacrosShortcodes

11ty Date Shortcodes and Filters

Use this shortcode and filter as a starting point for your date transformation needs.

Mar 27, 2021

Categories: DatesHow to...FiltersShortcodes

Understanding Filters, Shortcodes and Data in 11ty

Sometimes it’s a little confusing what the difference between shortcodes, data and filters really is, and frankly the boundaries can become a little blurred with 11ty.

Dec 8, 2020

Categories: Data CascadeHow to...FiltersShortcodes

Let's Learn Eleventy (11ty) - Slots, includes and shortcodes

This is the third part of the Let't Learn Eleventy series. We'll learn how to use slots, includes and shortcodes.

Oct 21, 2020

Categories: How to...Shortcodes

Get the blog by email (or RSS)

Powered by Buttondown