Browsers are on a slow march towards fully adopting user options for standardized/algorithmic color stylesheets. Great debates over what color to paint the bike shed (website) will eventually end. Paint it (mostly) whatever color you want.

In addition to the invert filter, another way of quickly bootstrapping a dark mode CSS stylesheet is to use Chromium’s auto dark mode emulation as an initial reference.

Firefox’s developer tools excel at finding and fixing accessibility problems quickly. For example, to find all contrast issues on a page fire up the accessibility inspector and scan the DOM tree. My favorite developer tools? You guessed it — Firefox.

The CSS flexible box layout (flexbox) is a great spec. The flex-direction property allows rearranging the position of children inside a flex container. This works in pretty much every browser — even defunct ones like Internet Explorer. Don’t work hard and write JavaScript, be lazy and write CSS.

If you don’t know which static site generator to use, choose one built in a language that you’re familiar with or want to learn. Under the hood they all use similiar constructs.