After publishing our tutorial on implementing dark mode at Mercury Photo Bureau, we saw an opportunity to improve the user experience by reducing dependencies and adding animation. We think the new solution is more semantic, too, so that's a win.The new code removes the Fontawesome dependency Read More
CSS
Implementing Dark Mode at Mercury Photo Bureau
Introduction I recently read Dave Rupert’s article "Sass vars, CSS vars, and semantic theme vars", in which the author makes that case that just because we have variables in CSS now doesn't mean SASS variables are dead. In the article, Rupert describes how he used both types of variables to Read More
Side Notes and Margin Notes in Tufte CSS: a WordPress Shortcode
Simplified Authoring for Tufte CSS Our sister site Mercury Photo Bureau uses side notes and margin notes in the style of Edward Tufte. The notes are styled using a bespoke adaptation of Tufte CSS. Because the code to display the notes accessibly is quite complicated, we use a shortcode to simplify Read More