clamp() Calculator
Handy little tool for calculating viewport-based clamped values for use in CSS.
Top 10 pages ordered by number of interactions.
You can also browse latest posts and hot pages.
Handy little tool for calculating viewport-based clamped values for use in CSS.
Cache Webmentions using eleventy-fetch and make them available to use in collections, templates, 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.
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.
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!
noteOverjoyed to be celebrating the greatest milestone of my life today. Eight wonderful years with my best friend, girlfriend, partner in crime, and love of my life, Rachel. Stoked for the next byte!
note