Hi, I’m Ben.
Welcome to my website.

2025

Item flow: a potential concept for masonry layouts

• CSS

2024

Rough CSS borders with SVG filters feTurbulence and feDisplacementMap

• CSS
• Dev

2024

Blurring things in quirky ways

• CSS
• Dev

2024

The CSS :has() selector

• CSS

2024

Fun focus states with :focus-visible

• CSS

2024

CSS counter numbering nested list items incorrectly

• CSS

2024

12 Modern CSS One-Line Upgrades

• CSS

2024

Fading content using transparent gradients

• CSS

2024

Copy SSH key to clipboard

• Dev

2023

Generalist designers

• Design
• Dev

2023

Useful Digital Ocean console commands for Ghost droplet

• DigitalOcean
• Ghost

2023

CSS repeatable linear gradients on multiple lines of text

• CSS

2023

Moving multiple After Effects layers without affecting keyframes

• After Effects

2023

Hob: The Definitive Edition

• Games

2022

SmolCSS

• CSS

2022

Implementing dark mode with prefers-color-scheme

• CSS

2022

Failed to bind to address with Visual Studio Mac - solved!

• Visual Studio

2022

350 clicks in 28 days

• Website
• Analytics

2022

Adaptive SVG favicon with dark mode

• CSS
• Favicon
• Dark mode

2021

Pin footer to bottom with CSS position: sticky

• CSS

2021

Animated CSS underlines that wrap

• CSS

2021

Custom CSS cursors and offset

• CSS

2021

Preventing flex items from becoming squashed

• CSS

2021

£3,561 for a domain name

• Website

2021

Front-of-the-front-end

• Note
• Design

2021

Deploy Ghost theme with Github actions

• Dev
• Ghost
• GitHub

2020

Mimicking subgrid with display contents

• CSS

2020

1Password Firefox extension not working - solved!

• 1Password
• Firefox

2020

Manage Node.js versions on MacOS with n

• Dev
• Node
• macOS

2020

Initial, Inherit and Unset values in CSS

• CSS

2020

Creating smooth and realistic shadows in CSS

• CSS

2020

Colouring CSS Grid lines

• CSS

2019

Smooth scrolling anchor links with CSS

• CSS

2019

Avoiding jagged edges on CSS linear gradients

• CSS

2019

Interesting CSS shapes with border-radius

• CSS

2017

My takeaways from UX Brighton 2017

• Design
• Events

2017

Updating Ghost-CLI on DigitalOcean

• Dev
• Ghost
• DigitalOcean

2017

Self-hosting Ghost on DigitalOcean

• Dev
• Ghost
• DigitalOcean

2016

CSS3 Flexible Boxes (flexbox)

• CSS

2013

Applying for jobs

• Note
• Design
• Dev

2012

Making email unsubscribing a better experience

• Note
• Design
• Dev