CSS Darkmode
A practical guide to implementing dark mode on your website using the prefers-color-scheme media query and CSS variables—with a bonus color-mix() enhancement.
Thoughts / 113 posts since 2015
Notes, essays, and the odd announcement on design, code, and building things, written down whenever a thought wouldn't let go.
A practical guide to implementing dark mode on your website using the prefers-color-scheme media query and CSS variables—with a bonus color-mix() enhancement.
A deep dive into the CSS checkbox hack—a clever technique to toggle elements without JavaScript, with examples, accessibility notes, and limitations.
A quick guide to writing effective alt-text—why it matters for accessibility, common mistakes to avoid, and how to craft clear, helpful descriptions.
A comprehensive guide to writing SVG paths by hand, with visual examples and breakdowns of all major path commands for precise, code-based drawing.
An intro to conic gradients in CSS—how they differ from radial gradients, how to implement them, and what browsers currently support them.
A quick guide to using the HTML <datalist> element to create autocomplete input fields without JavaScript—plus tips on styling and browser support.