Crafty Field Migration
Migrating content between fields in Craft is not as simple as it might be. In the wake of Craft 5, I've been getting a lot of practice, and wanted to write up some of the techniques I've been using.
Archives
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 […]
Creating content migrations in Craft CMS
A useful primer on how to use migration files in […]
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 […]
Stripping the web of its humanity
The Arc browser recently added an auto-summarisation feature to its search. The result is a mash of misinformation and content theft, which Ben argues (and I fully agree) will ultimately create an […]
Superscript, Subscript, & Accessibility
Are there any concerns with using superscript and subscript when crafting content for the web?
A Missing Narrative
Ever spend weeks writing something, hit publish, and then feel completely unsatisfied. That's what just happened to me. So I figured I'd try to work out why.
A GitHub content editor
Prose is a service that connects with any GitHub repo you want, and then lets you edit Markdown and plain text files directly from a dedicated text editor. Particularly useful for people using GitHub […]
Make any feed an RSS feed
A clever service that takes any input URL and attempts to identify lists of links (i.e. a feed) and then convert this into an RSS feed that anyone can subscribe to. Great for pulling content out of […]
Open source web analytics
An alternative, open-source analytics package which should be lighter weight than Google and claims to be more privacy conscious than even […]
Making a digital shoebox
Henrique has added a "shoebox" section to their site; a kind of miscellaneous category to shove all of the articles, side projects, archives, and other assorted "extras" that you might want to use […]
One Neat CSS Trick
Using pseudo-selectors like :where and :not to invert style rules, allowing for better code encapsulation and context sharing across a codebase.
Some use cases for display: contents
There have long been issues (mainly due to browser regressions) with using display: contents; in the wild, but there are still some potential use-cases for effectively removing non-semantic elements […]
The chicken-egg problem of movie microformats
Sara proposes some broader microformats support for media consumption, beyond the existing u-watch-of. The existing option does little to differentiate the type of content (YouTube versus […]
TypeScript string literal arrays
A useful trick when working with tokenised values is that you can generate an "immutable tuple" within a "const context" (computer science gibberish overload 😂) and reference that. So if you have […]
Animating the height of content using CSS grid
A useful trick for animating the height of a specific piece of content. You cannot transform a height in CSS to the auto keyword; you have to provide a fixed value, which is obviously suboptimal in […]
Designing accessible data visualisations
A broad overview of the best practices involved in designing data visualisations, with heaps of additional context and excellent imagery to really drive home the issues and better solutions. The key […]
Convert Markdown to RTF online
A brilliant tool: paste in some Markdown and it will display the converted Rich Text in the preview window. You can then copy this and paste into any RTF editor and hey presto, no more annoying […]