Article archive

• My “Skip to content” markup was breaking the back button on iOS

  Apr 2024 · <main tabindex=-1> makes iOS Safari forget its scroll position.

• How to think about HTML responsive images

  Apr 2024 · srcset, sizes, picture, source, and how they all fit.

• My favorite records from 2023

  Dec 2023 · The past year in music releases.

• So you want to add a web feed

  Oct 2023 · How to write an Atom feed from scratch.

• Slotted content in Eleventy

  Feb 2023 · Fill slots in an HTML layout with chunks of Markdown content.

• Sass in Eleventy, with versioning

  Feb 2023 · Adding support for .scss files, complete with content hashes.

• Line-height tricks made simpler with the ‘lh’ CSS unit

  Jan 2023 · Three old CSS techniques made new with the line-height unit.

• Why do mobile browsers share canonical URLs?

  Jan 2023 · And the case for them to revisit.

• Get useful input values with formDataMap()

  Jan 2023 · A utility function inspired by the FormData DOM interface.

• My favorite records from 2022

  Dec 2022 · Fourty-eight albums I've enjoyed this year.

• Relational data in Eleventy

  Nov 2022 · A pattern for handling many-to-many relationships.

• This website uses a variable font

  Aug 2022 · How hours of debugging can save minutes of reading, and more takeaways from sprucing up the type on this website.

• Sizing images based on their aspect ratio

  Aug 2022 · Make images visually uniform with the sqrt() CSS function.

• Button type matters, after all

  Mar 2022 · A button is a button until it's a submit button.

• Observe an element's focus-within state

  Mar 2022 · Implementing :focus-within as a DOM event.

• My favorite records from 2021

  Jan 2022 · It's Yeti Season!

• Pinch me, I'm zooming: gestures in the DOM

  Nov 2021 · A deep-dive on panning and pinch-zooming using wheel, touch, and gesture DOM events.

• On some features in Safari 15

  Sep 2021 · A look at what changed since the beta was first announced.

• How it's made: Watch/Star/Fork

  Sep 2021 · My workflow from browser tabs to Markdown.

• Use code to explore and change JavaScript files

  Sep 2021 · Gathering statistics for a JavaScript codebase with jscodeshift.

• How I digitize books

  Jul 2021 · A workflow for getting digital text out of printed material.

• My favorite records from 2020

  Dec 2020 · A sampler of what I liked, or found interesting, in 2020.

• A little npm head-scratcher

  Nov 2020 · Tracking down a puzzling bug taught me a few things on how npm runs scripts.

• Make PNG font samples with ImageMagick

  Apr 2020 · Putting words on pictures from the command line.

• My favorite records from 2019

  Jan 2020 · Don't break the streak.

• Prevent history navigation on horizontally-scrolling elements with CSS

  Oct 2019 · The overscroll-behavior property to the rescue from an annoying browser behavior.

• Prevent the need to zoom into inputs with CSS

  Oct 2019 · A neat little use-case for the max() function.

• Making sense of units in CSS Media Queries (in the year 2019)

  Sep 2019 · Building the case for ems in media queries.

• A CSS-only layout debugger

  Sep 2019 · How to draw element boxes on hover using just CSS.

• My favorite records from 2018

  Dec 2018 · Noted without comment.

• My favorite records from 2017

  Dec 2017 · This year's records, listed alphabetically.

• My favorite records from 2016

  Dec 2016 · It's been a great year for soundtracks, ambient, and modern classical music.

• Extracting things from JavaScript strings

  Aug 2016 · One weird trick using String.replace.

• A few FACT mixes

  Jan 2016 · Some favorite mixtapes from the music magazine.

• Drawing every street in Romania

  Dec 2015 · Using Node.js and SVG to draw a buttload of OpenStreetMap data.

• Eight Versions of Satie’s Gnossienne No. 1 (1890)

  Dec 2015 · A YouTube playlist.

• My favorite records from 2015

  Dec 2015 · Great albums released this year.

• Walking in Walden

  Jan 2015 · Every sentence in Walden contains the words 'I' and 'walk'.

• My favorite records from 2014

  Jan 2015 · In no particular order.

• Recently: Oldies

  Nov 2014 · Current mood.

• Linked: Erik Satie

  Oct 2014 · Some bits and bobs.

• Recently: living in cold places

  Oct 2014 · Current mood.

• How to create a SVG icon system

  Oct 2014 · An Illustrator-to-web workflow for SVG icons.