JavaScript and the DOM: Adding and removing classes
This is a quick look at JavaScript interaction based on my notes from Beginner JavaScript by Wes Bos.
Writing
Articles on designing and coding things for the web.
Accessing HTML data attributes in JavaScript with dataSet
You can easily add custom data to any HTML element using custom data attributes. But how do you access those attributes using JavaScript?
Chasing the hype
A few thoughts on focusing on your interests and choosing your own path. You don’t have to learn that fancy framework to be a successful web developer.
Building a dynamic navigation component with Gatsby and Sanity
How to query data from a Sanity schema and use it to build a navigation component on a Gatsby powered website.
2020 in Review
2020 isn’t a year many of us are keen to look back on, myself included. But even when not much goes right, and you end the year sick, there always something positive to take away.
Rebekka Writes
Personal blog for German copywriter Rebekka Villbrandt. The websites is built using Hugo and is the first site I’ve designed and built specifically for German content.
Design tokens and styleguides with Eleventy
A simple workflow showing you how to use Eleventy and NPM scripts to take YAML design tokens and generate CSS custom properties and a styleguide.
Hoisting in Javascript
What exactly is hoisting? Hoisting allows you to access functions and variables before they have been created.
Passing data to templates and tables in Hugo
Using data files to generate lists and tables, which can then be managed and updated from Git-backed Forestry CMS.
Getting started with Eleventy
Setting up an Eleventy website with a simple Sass pipeline using NPM scripts.