Building a design token system
A very detailed and thorough overview of how to use design tokens to power a distributed design system and site architecture. The crux is ensuring design (Figma), code (CSS), and content management […]
Archives
Look mum, no breakpoints!
An excellent overview of how to approach fluid design on the web. Lots of excellent references and techniques, particularly those around using Flex layout with flex-basis to control widths, or […]
Creating content migrations in Craft CMS
A useful primer on how to use migration files in […]
A loveletter to a tiny TV
Eric introduces the Tiny TV 2, an adorable piece of faux-retro tech that lets you load videos onto a tiny, replica cathode ray TV (which is obviously using an LED panel, digital files, and visual […]
Jamstack slide decks
I needed to throw together a quick presentation for an internal team meeting at work, but I've maxed out my Slides.com free usage and really hate Google's offering, so went digging for something […]
2023: By The Numbers
A look back over the twelve months that made up 2023, via the lens of the data captured about my life.
Heat death of the internet
Perhaps the definition of a "lolsob" micro-essay on the state of the internet in […]
Why centring is so hard
Every web developer has torn their hair out trying to align an icon with some text, or two separate pieces of text with each other, or (god forbid) a whole sequence of text nodes, icons, form […]
Code with your voice
Cursorless is a very cool VS Code plugin that uses Talon (voice-control assistive tech) to navigate around codebases, write and edit code, and do just about anything else. Even if that isn't […]
Use your Mac the way I do
A phenomenally interesting journey through one person's assistive set-up, using only the left mouse button to navigate the web, code websites, play video games, and everything else […]
Complex images can paint a thousand words
What is the best way to provide descriptive text for images that are both complex and the main focus of a page? Paul has tried to tackle this on pages dedicated to their personal art, and found that […]
Inclusive glasses frames
I've always struggled to find glasses or sunglasses that fit my weird head, so I was intrigued by a company explicitly targeting body shapes that aren't well catered for. Unfortunately, the selection […]
Bidirectional text in HTML
Today's obscure HTML element: <bdi>. It stands for "bidirectional" and refers to text that can include both RTL and LTR languages (does not appear to care about other […]
Find people on Fedi from the IndieWeb
A clever browser extension that uses rel="me" links to find people's Mastodon/Fediverse accounts from their personal […]
A global documentation platform
Andy brings up a very valid and very scary point: what happens when Mozilla shuts down MDN? Why is one of the most important sources of web knowledge not under community stewardship? And what can we […]
The two Reacts
A very well written overview of when client-side functionality and server-side functionality make sense to use for a […]
The good, the bad, the web components
An excellent overview of the current state of web components, including suggestions on how they could be […]
Quickly check Core Web Vitals
A quick way to check for PageSpeed metrics, Lighthouse scores (are those the same thing these days?), and Core Web Vitals, all in one […]