Blog

Writing about design, code, Webflow, photography and all things running, cycling and hiking.

You can find shorter writing and thoughts under Notes

ClassImporter - a tool to bulk import CSS classes into Webflow

Aug 3, 2023

A lightweight utility for batch importing class names into Webflow.

ClassImporter - a tool to bulk import CSS classes into Webflow

Race report - 2022 Ultra-X England 50

Oct 27, 2022

Race report - 2022 Ultra-X England 50

Webflow - Modifying symbol styles with the :has() CSS selector

Aug 18, 2022

It's tricky to change the styles of symbols in Webflow easily. But the shiny new :has() selector will let us do just that.

Adding section headers to the Webflow Editor

May 1, 2022

Following on from the previous post about locking fields, we can take things further and group our fields within the CMS with headings.

Locking access to CMS fields in the Webflow Editor with CSS

Apr 27, 2022

Got some fields in the Webflow CMS you don't want a user to modify? Here we dig into ways of locking specific fields in the Editor with just a sprinkle of CSS.

Locking access to CMS fields in the Webflow Editor with CSS

Finding pages that use a certain Webflow symbol

Feb 16, 2022

Trying to identify where on your Webflow site a certain symbol is used? Here's a quick workaround to find out which pages a symbol appears on.

Finding pages that use a certain Webflow symbol

Advent of CSS - Day 4

Dec 5, 2021

Building a simple interactive keyboard game in Webflow with custom CSS and JavaScript for day 4 of the 'Advent of CSS' challenge.

Advent of CSS - Day 4

Webflow's Preview mode has a specificity problem

Nov 25, 2021

Hover states on Webflow combo classes can inherit unintended styles when in Preview mode.

Webflow's Preview mode has a specificity problem

Accessing a Webflow site search query and displaying it on the page

Nov 13, 2021

Webflow doesn't natively let you display a search parameter. We can use a line of two of JavaScript to get around this.

Accessing a Webflow site search query and displaying it on the page

A simple JS-free pattern generator in Webflow

Nov 2, 2021

Creating a low-tech geometric pattern generator using Webflow collection lists and CSS blend modes.

A simple JS-free pattern generator in Webflow