Subtley better borders using transparency
Semi-transparent borders can look much nicer in certain situations. Let's explore why, and how to implement them to make our components work better in a wider variety of situations…
css tags
Styling an element nested within itself in Tailwind
This is pretty niche and weird, but I sometimes end up writing CSS that needs to target an element nested inside an instance of itself. This is not obvious to do in Tailwind, so I thought I'd blog about it…Responsive CSS For Beginners
Responsive Design can be a scary thing to a beginner. It's got a special name, which makes people think they need to do special things to achieve it. I'm going to explain a bit about how responsive design developed, then demonstrate making a simple web page work on any screen size with very little CSS…Create a flickering image effect using CSS sprites
I just added a flickering faux-motion effect avatar to my About page. The technique behind it is fun (and requires relatively little code)…How to create a Ken Burns hero image effect
Lick are a shopper marketing agency with a strong focus on creative design, which meant their site needed to be visual-heavy. They wanted the top of the homepage to communicate this, whilst also subtly nodding to some of the big brands the agency works with…