Notes

<details>
tagged: html, webdev

Details can be used to build accessible dialogs and dropdown menus. In this example I am using the custom elements that Github built; you can find them on Github at details-dialog-element and…

CSS Recipes
tagged: css, webdev, howto

Accordions Use the <details> element: https://css-tricks.com/quick-reminder-that-details-summary-is-the-easiest-way-ever-to-make-an-accordion/ Dropdown menus Here's how to make them simply and…

Concerts

Live shows that I've had the pleasure to see, in chronological order. 2007 The Fray & Mutemath @ Humphrey Coliseum January 30 — Starkville, MS Couldn't find a setlist, but I did find this recount…

Javascript Objects
tagged: js, webdev

Conditional properties Default values If you wanna have values with variants in an object you usually do this, which is annoying: Instead, do this: Now you can access the default value with color…

Principles

The best way to make interesting work is to become a more interesting person. In this case, interesting means the continual projection of interest. To be curious about the world around you, and to…

React Hooks
tagged: react, js

useStaticQuery & useSiteMetadata I really like this idea of wrapping up common queries in a Gatsby site into custom hooks that can be used to access things like your site's metadata.

React Patterns
tagged: react, js, webdev

Detecting outside clicks Stolen from this Medium article by Pitipat Srichairat .

Regex Recipes

Regex to get URLs from the src attribute of an HTML <img> tag in a string Test whether a URL is internal or not

Websites

What are they? Why are they? What makes them so special? That's what I am trying to answer here. Laurel Schwulst: My website is a shifting house next to a river of knowledge This whole article on The…