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.
Writing
Articles on designing and coding things for the web.
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.
Accessibility check your writing on macOS
A quick tip for anyone running Mac Sierra and beyond, to help you make your writing more inclusive.
Taking notes while you’re out running
In a ideal world good ideas arrive just at the right time, when you’re sat at a desk with a pen in hand and paper to write on. But the reality is that it doesn’t always work this way.
Listing page content in Hugo
The ins and outs of listing content in Hugo. Breaking down the various functions and variables it takes to create lists of the different content types.
Process JSON data from the command line with JQ
jq is a handy little utility for processing JSON in the command line. It’s useful for turning it into a more readable format when using curl.
Building a navigation schema with Sanity
How to create a modular navigation builder. Modular, because you’ll be able to use it to create any number of navigations to use in your website or app.