clamp() Calculator
Handy little tool for calculating viewport-based clamped values for use in CSS.
eleventy-cache-webmentions
Cache webmentions using eleventy-fetch and make them available to use in collections, layouts, pages, etc. in Eleventy.
<svg-sparkline>
A Web Component for building an SVG Sparkline.
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.
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.
articleShout-out to @codefundio https://codefund.io for their fantastic service and above-and-beyond team. I cannot state strongly enough how kind and understanding they are—they get the highest possible recommendation from me!
note