clamp() Calculator
Handy little tool for calculating viewport/container-based clamped values for use in CSS.
<svg-sparkline>
A Web Component for building an SVG Sparkline.
eleventy-cache-webmentions
Cache webmentions using eleventy-fetch and make them available to use in collections, layouts, pages, etc. in Eleventy.
Bowhead
Memorable and maintainable design tokens in SCSS.
Sassy Lobotomised Owl
Managing spacing between elements and components on your page can be a tiring task if undertaken manually. This is where the lobotomised owl comes in: a short, simple snippet of CSS that simplifies this whole process for you. In this article I’ll explain how I make use of it in a more dynamic way using a SCSS mixin.
articleHow I shaved 1.5 minutes off my Eleventy build time
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!
articleWebmention Setup for Eleventy
Here’s a quick run-through of how I retrieve and utilise Webmentions with my Eleventy website.
articleDB5
Had the joy of visiting the Bond in Motion at @ldnfilmmuseum a few weeks ago and got to see this bad boy DB5 in all its (blue-tinted) splendor.
noteTime to Cache Up
For a long time I’ve been searching for a sound solution to storing the entire Webmention history of my blog, as packaging it up with the rest of the repository was not cutting it for me. Enter the world of async.
articleVariables for Both
Now that CSS Custom Properties, or CSS Variables, are becoming a solid standard, I'm using a method to map their values to CSS Variables whilst providing a value-as-is fallback using a straightforward syntax in a SCSS function and mixin.
article