Working with Data in Hugo
Learn how to utilise Data in Hugo to keep your code clean and your projects well organised.
Articles on designing and coding things for the web.
Learn how to utilise Data in Hugo to keep your code clean and your projects well organised.
Learn how to implement Algolia InstantSearch on a Hugo based static site.
Build a flexible system of Avatars with particle properties (primitives) and Sketch Symbol Overrides
Learn how to use Netlify to manage form submissions with automatic spam filtering.
Learn how to list your external articles amoung the posts on your Hugo blog
The all important Emoji shortcut, which fires open the Emoji panel, so you can Emoji away to your heart’s content.
Build with your users, get quick feedback loops, and iterate after.
A simple method to print page content on your homepage using the Hugo static site generator.
Identifying design system primitives and a case for building components which limit the amount of redundancy in your work.
Learn how to use CSS Grid, Flexbox and a UI Kit to rapid prototype responsive cards patterns.
Once a month I curate a newletter for designers and developers interested in static sites, CSS and web performance. Check out past issues to get an idea.