Welcome

Latest articles

• 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.

See more articles in the archive.

Watch/Star/Fork

An occasional, lightly-edited review of web development news, open-source finds and minutiae. Read all Watch/Star/Fork issues, or jump to the latest: