System colors have the ability to react to the current used color-scheme value. The light-dark() function exposes the same capability to authors. Bramus System Colors in CSS In CSS you can use many co
I decided to start using Robb Knight’s Echo tool, to syndicate my blog posts to Mastodon, and trigger Webmentions. I’m not going to go through the configuration of Echo here, the project README has so
In This Article: Introduction Discovery: A preliminary phase in the UX-design process that involves researching the problem space, framing the problem(s) to be solved, and gathering enough evidence an
When I first started developing websites back in 2000 the internet was a much simpler place. Google existed, but most people still used Yahoo or Ask Jeeves to find sites on the internet. My personal w
Hi All! 🤗 It is one of the most common reasons why we abandon our personal sites and blogs: at some point, we stop publishing. But why? Weren’t we so enthusiastic when we started (or restarted) our si
Support for subgrid (part of the CSS Grid Level 2 specification) has just landed in Firefox Nightly! To start experimenting with it you’ll need to enable the feature by going to about:config in the br
With the recent news that CSS nesting is now available in the major evergreen browsers , our team was discussing how it differs from nesting in Sass , and the question came up — When should you use ne
Today, I wanted to quickly share two newer CSS properties that make it easier to create nice, well-balanced layouts. The text-wrap property has two newish values: balance and pretty. The balance value
There’s lots about code that slows us down I’ve been doing a lot of code reviews recently. And while most of the code I review works (by which I mean: meets the specification), it often takes me a lon
I've been using Pagefind for my site search for a while now and would readily recommend it, but I wanted to throw together something a bit lighter weight and customizable. Enter minisearch: a tiny ful
This article on privacy-focussed web design by Paul Jardine and Becky Thorn of sustainably-minded web design agency Root raises some great points about the link between invasive tracking scripts and t
Mar 14, 2024 The "IndieWeb" feels like coming home tech personal Eleventy IndieWeb featured Due to the convenience of not needing to code or maintain anything I’ve opted to use Squarespace or Cargo fo
Imagine you post and make new friends on an online network for more than a decade – and suddenly, your account gets suspended for no apparent reason. And there is nothing you can do about it. Or imagi
Robb Knight posts 2024-03-14 Since I really got back into following RSS feeds in the past couple of years I've noticed a problem with Eleventy sites[1] and post dates. This also caused me an issue whi
If you find yourself removing a border from an element that has a border and are tempted to use border: 0 , border: none, or outline: none, I’d urge you to stop for a moment and reconsider. It’s like
I first starting using Eleventy to build this site back in 2020 using version 0.10.0 and through a combination of the official documentation and other people's source code on GitHub, I managed to piec
Gotta get yourself connected... One of the things I've always loved about blogs were the linkrolls... that candy trail to more and more interesting things scattered around the web. I love to see folks
Robb Knight posts 2024-01-16 A conversation in the Eleventy Discord led me to remember about the dependents page of a GitHub repository. That is, a list of other repositories that are depending on a p
This is clearly the result of living in a capitalist society. In recent years, people have felt the pressure to monetise their hobbies, so there’s a constant state of hustle. We all need money to exis
Leaving Netlify Tomorrow marks the first week after migrating all the websites I share with my wife Silvia, from Netlify to Mythic Beasts. Very happy about the quick transition, and grateful to Leon P
I made some lightweight design changes to my site, keeping things simple but moving the date up above post headers, surfacing tags below and restoring Read more links. As part of this I dropped my ded
CSS Button Styles You Might Not Know Sunday 10 Mar 2024 Buttons are everywhere! We can use all sorts of fancy CSS to style a button. I prefer using Flexbox layout for example. In this blog post I shar
I loved this post from Chris Enns (via Robb Knight) where he outlines the rabbit hole of links he ventured down in writing that post. It felt fun and familiar, as that’s how my own browsing goes, e.g.
Hi All! 🤗 Imagine you post and make new friends on an online network for more than a decade – and suddenly, your account gets suspended for no apparent reason. And there is nothing you can do about it
I follow and subscribe to a whole bunch of blogs and less and less high-volume news via RSS. It's one of my absolute favorite mediums for keeping up with and reading content on the web. It's distribut
My site leverages a number of web component for functionality on my site. Namely: mastodon post embeds, search, my now playing component, my theme toggle, post sharing and YouTube embeds. It's all loa
11 March 2024 My dad was a pharmacist. Whenever I was ill, he’d tell me to take paracetamol. So I did. And it made me feel better. But paracetamol doesn’t actually make you better. It only makes you f
There’s a lot of chatter around the new(ish) :has() pseudo-class. It’s something we’ve been crying out for, for years: being able to select parent elements! A useful mental model for :has() is that yo
We help Shopify merchants improve their web performance and see three common problems related to layout position: Lazy loading images above the fold Asynchronous loading of CSS needed for elements abo
Adding Search to an Eleventy Site Without Client-side JavaScript October 9th, 2023 Earlier this year (2023) I added a search feature to my blog. I’ve always appreciated being able to search other peop
August 9, 2023 ; Does what it says on the tin. Uses and with a bit of ARIA to create an accordion that works without JavaScript while working better with JavaScript. Mostly. See th
18 February 2024 My friend Victor shared this design tip on Twitter last week: He said that if you put the slider values on top, your finger won’t cover them up. It’s a useful tip. But sliders aren’t
A post thatâs been getting a lot of traction recently is I miss human curation by Cassidy Williams, in which she laments that weâre so reliant on algorithms to show us new stuff now, instead of ha
I have wanted to move this site from Netlify for a while now, but the recent news about their bandwidth pricing made me finally do it. I looked into some alternatives (like Render, Cloudflare, Vercel,
I’ve been ragging on Tailwind a lot lately (because it’s terrible). One of the natural follow-up questions I get is… Which CSS framework do you like? I tend to dislike frameworks of all varieties, bec
Companies are rushing to add generated AI capabilities to their products. Some promise to produce front-end components for you. Is that even possible, given the nature of accessibility and the nature
In my 2023 wrap-up post I said the following: I also see a gap in publications. CSS-Tricks is done now, and unfortunately, been abandoned. A List Apart has seemingly experienced the same too. At least
You want a quick web performance win at work that’s sure to get you a promotion? Want it to only take five minutes? Then I got you. Capo.js is a tool to get your in order. It’s based on some re
I recently updated the grid system on my site from Flexbox to CSS Grid. Today, I wanted to share how to use it, how it works under-the-hood, and why I made the switch. Let’s dig in! A responsive grid
Over the last week or two, I’ve written about why Tailwind is bad. Yesterday, I stumbled upon this article from Tero Piirainen comparing semantic CSS to Tailwind… Semantic version is 8 × smaller, rend