Colophon

This is a development blog, also a list of people, resources and tools that have made this site what it is. Check back regularly, as I try to keep this up-to-date, when I get time.

Updates

  1. Nº 11

    Via

    Post

    22 Dec 2023

  2. Nº 10

    Notes

    Post

    04 Mar 2023

  3. Nº 9

    Nesting CSS

    Post

    04 Mar 2023

  4. Post

    14 Jun 2022

  5. Post

    18 Jul 2021

  6. Post

    02 May 2021

  7. Post

    30 Apr 2021

  8. Post

    30 Apr 2021

  9. Nº 3

    Eleventy

    Post

    14 Mar 2021

  10. Nº 2

    Alpine JS

    Post

    14 Mar 2021

  11. Post

    05 Feb 2021

Impact

Approximately 0.08g of CO₂ is produced every time someone visits this website. Which is cleaner than 92% of websites tested by websitecarbon.com

According to the official eleventy speedlify rankings this website is the 560th fastest eleventy site submitted. Last time speedlify ran, this site earned the following lighthouse score:

  • Performance 99
  • Accessibility 100
  • Best Practices 96
  • SEO 92

Philosophy

This website will be incrementally correct, progressively enhanced, and my personal worry stone.

Design

Special thanks go to:

And, in no particular order, a list of people and sites that have contributed some visual inspiration:

Development

This site is built using Eleventy (11ty), hosted on Netlify, the content and data is pulled from last.fm, Savee, Letterboxd, Feedbin, Literal and GitHub.

The Source Code is hosted on GitHub.

  • The The A11Y Project inspired me to try Eleventy, and provided excellent advice.
  • I am using the CUBE CSS methodology for all the styling.
  • I was also inspired by SmolCSS. The minimal snippets are an excellent example that CSS is an art form.
  • I combined This tutorial in the Eleventy docs with PostCSS for a simple, extendable style pipeline.
  • The Eleventy RSS plugin avoided lots of RSS headaches.
  • Piccalilli wrote a simple tutorial on outputting JSON from Eleventy.
  • I was also helped along the way by tea-stack and eleventyone.
  • I was also heavily insipred by Aleksandr Hovhannisyan when I was working how to build sidenotes.
  • Max Kohler wrote an excellent guide to implementing per-post commit logs
  • I learned from Ben White that Cloudflare exposes a very handy environment variable containing the latest commit SHA: GitHub

Typography

My typographic system is made up of:

  • PicNic from Velvetyne is used for display headings.
  • Taurus Grotesk from Foster Type is used as body copy, and some headings.
  • Signifier from Klim is used for larger headings.
  • Pitch from Klim is used for smaller text, and data.

This site has formerly used:

  • Blanco from Foster Type was used as body copy, and some headings.
  • GT America Extended from Grilli Type was used for larger headings.