CSS Grid with a preferred column count
Set up a CSS grid with a specific ideal number of columns.
Eleventy within Eleventy to compile when you compile: precompiling reused assets
Pre-compile some reused assets to avoid repeating the same operation.
Manage your SVG files with Eleventy’s Render plugin
Using renderFile to keep things tidy
Fine, types in JS aren't the worst
I'm not on the TypeScript train, but I like a couple of things…
Animate your z-index for cleaner hover effects
Clean up overlap animations on hovered elements
Rotating floating animation with chained transforms
Using chained CSS transforms to get a rotation without rotating the element itself.
A DRY Approach to Color Themes in CSS
Using a CSS custom property trick to define themes variables only once.
Inline lists with conditional separators
Only show a separator when two items are next to each other, and skip for new lines.
Building and maintaining components from utility classes in Eleventy
Use a collection of utilities to form components without additional CSS.
Modern Fluid Typography with clamp()
Get a more consistent sizing with viewport-based font sizing
Breakout Container
Make a contained element span the entire horizontal space.
Contextual Utility Classes for Color with Custom Properties
Use the cascade to colour links in their context.
Switching From WordPress To Hugo
Running a simple blog doesn't require a large CMS.