clamp() Calculator
Handy little tool for calculating viewport/container-based clamped values for use in CSS.
Top 10 pages ordered by number of responses.
You can also browse latest posts and hot pages.
Handy little tool for calculating viewport/container-based clamped values for use in CSS.
A Web Component for building an SVG Sparkline.
Cache webmentions using eleventy-fetch and make them available to use in collections, layouts, pages, etc. in Eleventy.
Memorable and maintainable design tokens in SCSS.
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.
articleI 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!
articleHere’s a quick run-through of how I retrieve and utilise Webmentions with my Eleventy website.
articleHad 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.
noteFor 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.
articleNow 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