🗜clamp() Calculator
Handy little tool for calculating viewport/container-based clamped values for use in CSS
How are pages scored on popularity
?
Popularity is calculated by weighting the number of a page’s pageviews against the number of Webmentions attached to the page (α = 0.8). Pages’ scores are compared and sorted to determine a popularity ranking, and the top 10 are shown on this page.
Web Components from Early 2024
I’ve been having a lot of fun creating reusable Web Components, so here are three that I’ve built and been using so far this year.
noteWhat are you interested in?
In the world of online self-expression, there’s been a fascinating trend of website authors creating discoverable pages to help others learn about who they are, what they’re thinking about, and more. I’m proposing an addition to these initiatives that helps us discover what people are passionate about.
note“Built with Eleventy” Animated 88x31
I was tagged several days ago on Mastodon, as someone was looking for a "90s-style 88x31 footer GIF" for pages built with Eleventy, and [... I] gave animating the badge a shot!
note📈<svg-sparkline>
A Web Component for building an SVG Sparkline.
Color Scheming
It’s been about a year and a half since I changed how colour schemes (i.e., light and dark themes) work on my website, and after reviewing and refactoring things again recently, I thought I would share how everything ties together and allows for different levels of control over colour schemes.
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!
article🐋Bowhead
Memorable and maintainable design tokens in SCSS.
Webmention Setup for Eleventy
Here’s a quick run-through of how I retrieve and use Webmentions with my Eleventy website.
article💬eleventy-cache-webmentions
Cache webmentions using eleventy-fetch and make them available to use in collections, layouts, pages, etc. in Eleventy.
