ClassImporter - a tool to bulk import CSS classes into Webflow
A lightweight utility for batch importing class names into Webflow.
![ClassImporter - a tool to bulk import CSS classes into Webflow](/img/blog/class-importer.jpg)
Orso Publishing - Site design and Webflow development
A fun, bright redesign for an educational services provider using the MAST framework.
![Orso Publishing - Site design and Webflow development](/img/work/orso-1.jpg)
NASH Maritime - Site design and Webflow development
A complete redesign and rebuild with Client First for UK-based maritime risk experts.
![NASH Maritime - Site design and Webflow development](/img/work/nash-1.jpg)
Webflow - Modifying symbol styles with the :has() CSS selector
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
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
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](/img/blog/blog-webflow-locked.jpg)
Finding pages that use a certain Webflow symbol
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](/img/blog/blog-webflow-symbols.jpg)
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.
![Advent of CSS - Day 4](/img/blog/blog-jiggly-keyboard.jpg)
Webflow's Preview mode has a specificity problem
Hover states on Webflow combo classes can inherit unintended styles when in Preview mode.
![Webflow's Preview mode has a specificity problem](/img/blog/blog-specificity.jpg)
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.
![Accessing a Webflow site search query and displaying it on the page](/img/blog/blog-searchquery.jpg)
A simple JS-free pattern generator in Webflow
Creating a low-tech geometric pattern generator using Webflow collection lists and CSS blend modes.
![A simple JS-free pattern generator in Webflow](/img/blog/pattern-generator-1200x630.jpg)
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.
![Grid Systems - a responsive 3D book cover with CSS grid in Webflow](/img/blog/gridsystems-1200px.png)
Exus Partners - Interactive CMS-driven portfolio maps
Web design, Webflow development and custom integration with Leaflet.js and Mapbox.
![Exus Partners - Interactive CMS-driven portfolio maps](/img/work/exus-expertise.jpg)
Tamarindo - Merging multiple sites in Webflow as part of a rebrand
Combining news, event and membership platforms into a single unified site as part of Tamarindo's rebrand in December 2022
![Tamarindo - Merging multiple sites in Webflow as part of a rebrand](/img/work/tamarindo-1.jpg)
Castletown Law - Webflow development
Webflow rebuild, CMS restructure and a data-driven interactive map for an energy-focused law firm.
![Castletown Law - Webflow development](/img/work/castletown-home.jpg)
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.
![Creating a sticky four-way scrollbar in Webflow](/img/blog/stickyscroll-screenshot.png)
A Word About Wind - Webflow and Memberstack development
Large-scale Webflow & Memberstack design and development for an events and content membership platform.
![A Word About Wind - Webflow and Memberstack development](/img/work-awaw-1.jpg)