Advent of CSS - Day 4
Building a simple interactive keyboard game in Webflow with custom CSS and JavaScript for day 4 of the 'Advent of CSS' challenge.
Webflow's Preview mode has a specificity problem
Hover states on Webflow combo classes can inherit unintended styles when in Preview mode.
Accessing a Webflow site search query and displaying it on the page
Webflow doesn't natively let you display a search parameter. We can use a line of two of JavaScript to get around this.
A simple JS-free pattern generator in Webflow
Creating a low-tech geometric pattern generator using Webflow collection lists and CSS blend modes.
Grid Systems - a responsive 3D book cover with CSS grid in Webflow
How to build a 3D mockup of 'Grid systems in graphic design' with Webflow, CSS grid and CSS custom properties.
A week running in Chamonix
So the Alps are pretty awesome, it turns out.
Creating a sticky four-way scrollbar in Webflow
A walkthrough and demo for a scrollbar that scrolls around the four sides of a viewport in Webflow.
Windsor Half Marathon — a personalised race map
A custom illustrated map of a local running race, produced in QGIS and Adobe Illustrator.
2019 in review: two-wheeled and two-footed adventures galore
A rundown of my outdoor adventures in 2019.
