Filterable list with React
How to make a list with a search field so the user can filter the list.
Spin down idle disks on a Raspberry Pi
Here is how to stop an external hard disk after it has been idle for a while.
Force re-render function React component (or class component)
Here’s how to force a re-render on a function-style React component. Spoiler alert: it’s very simple.
Speed up page rendering by setting content-visibility to auto
The CSS declaration `content-visibility: auto` lets the browser skip rendering an element’s contents until they’re near the viewport or otherwise needed. Calling it "lazy rendering" might be a helpful analogy.
Ping your sitemaps to Google and Bing to inform search engines about new content
You can tell Google or Bing about the changes that have happened in your site, by pinging them your changed sitemaps.
How to resize HTML elements: with few lines of CSS, using a React hook, or with pure JavaScript
How to resize DOM elements super easily with pure CSS, or in a fancier way using React lib.
Render draft posts locally in Gatsby
This post looks how to render posts from your drafts directory in an MDX Gatsby setup. Locally only, so you don’t leak unfinished posts.
Make an HTML element editable with the contenteditable attribute
You can make the contents of an HTML element editable, much like the text in a form field, by adding the [`contenteditable`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/contenteditable) attribute.
React data visualizations | No dependencies, just some CSS
How to make simple data plotting with pure CSS. The point I had here was not to mathematically verify anything, but just to map out the curve and visually inspect it for any anomalies.
JavaScript: make arrays of size | how to create filler arrays of varying length
Fill long arrays with content. There are times when you need arrays filled with nothing particular.