Users are psychologically primed to hate vertical scrollbars, but what happens when you remove them? Bring in the horizontal “indicators” duh… Oh you designers. ‘Tis probably wise for browsers to make that a user option and default to vertical scrollbars before scroll accessibility goes up in flames.

One way to remove multi–page transition jank is to force a permanent scrollbar. Are there any kindred spirits? Yes — there’s a kindred spirit. Overflows may disable descending position: sticky behavior. Avoid that problem with other jank removal techniques.

html {
  overflow-y: scroll;
}

body {
  overflow-y: scroll;
}

Web UI and UX? Not sure about web UI design, but for UX Nielsen and Baymard are supposed to be canon.

1. How Users Read on the Web, 1997
2. Formatting Links for Usability, 2010

Long form is the best form.

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.

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.

The sentiment that you cannot/don’t need to support all browsers is kinda accurate. In many scenarios you’ll never be able to support all browsers due to “business” constraints. Cross browser support is possible though.

But… let’s suppose that the only browser in “real” mainstream use is Chrome. It’s logical then to conclude that the only browser you need to develop for is Chrome, and that deduction works well for many companies.

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.

It’s nice to read an article with real content from real people on the Internet, not SEO spam. These individuals work around the data to page building limitation in hugo by using resources.FromString to programmatically create Markdown. Thought about this, searched to see if it was tried, and it sure was.

Ultimately means that if I get around to it, articles from RSS feeds can be made to appear as native posts in this timeline.