Front-End challenge: Eyebrow heading dots
We’re doing it differently in this edition. There’s already code and I’m challenging folks to refactor and improve my solution with modern CSS.
Mask image is pretty handy
Often overlooked, the mask-image property can be a simple way to inject some character into your web design work.
A quick and easy guide to Markdown
So many Markdown guides are either too complicated or really hard to read. I thought I’d try to fix that with a super simple, clear guide.
Let’s make a floating button sign up form pattern
I tackle an age-old design pattern and build it with nice, simple CSS.
How I’m using “AI”
An honest roundup of what I personally think of “AI” and how it genuinely has its uses in my day-to-day work.
How a handful of independent publishers are doing their thing
I really like paying good writers so I thought I’d recommend a handful of publications I’m paying for and look at how they do things.
I’m worried about the tabbing behaviour, rather than the syntax and name of CSS masonry
There’s a lot of chatter about CSS masonry at the moment. Should it be called “masonry” and should it be grid? Let’s worry about the basics first.
Full text RSS is back
Ever since we re-platformed Piccalilli to Astro, full text RSS no longer worked like it did with Eleventy. We’ve hacked together a fix and now it does!
Applying P3 colours on an existing project
The set.studio site is powered by design tokens, which for colours, are hex codes. I managed to automatically convert those to P3 colours with a custom PostCSS plugin.
Upcoming custom element support in React
React’s version 19 Beta is boasting full custom element support so I cover how that could impact projects on our radar and how this new support will make an impact.