Ben Peachey Potherca

HTML Element Reference

There are some great resources out there that document HTML elements.

Such as HTML Elements on MDN and htmlreference.io.

However, for me, most of these resources are either too exhaustive (like MDN) or too brief (like htmlreference.io).

What I want is a list of all available HTML elements, to get an idea of what the element is, without having to click through to another page. But also with enough information to know what the element is used for and how it is used.

Creating a real UUIDv4 in JS usually requires a library. The new https://developer.mozilla.org/en-US/docs/Web/API/Crypto/randomUUID can be used in the browser.

But how hard is it to create a valid UUIDv4? As it turns out, not very!

The following is all that is needed for a version 4 UUID (including correctly setting the so called M and N bits):

const generateUUID = () => "10000000-1000-4000-8000-100000000000".replace(/[018]/g, s => (s ^ Math.random() * 256 & 15 >> s / 4).toString(16));

This can be seen in action at https://gist.pother.ca/4a2b95623519e74b63d9485a4311ac3c

Copy Button

This gist contains the recipe to make a copy button.

It is activated by adding data-js="copy" to an element and including the CSS and JS files.

<link rel="stylesheet" href="https://gist.pother.ca/33b4d10024f56ba0610f8e70477687cb/copy-button.css">
      <script async src="https://gist.pother.ca/33b4d10024f56ba0610f8e70477687cb/copy-button.js"></script>
Your Text Goes Here

It used to be hard to Base64 encode an image. Most often, a server-side component was used.

Nowadays, with FileReader readAsDataURL it can be easily done, 100% in the browser.

    const file = … // the contents of the image goes here

    const reader = new FileReader();

    reader.onload = (event) => {

Five laws of library science

[The Five laws of Library Science][1] is a theory that S. R. Ranganathan proposed in 1931, detailing the principles of operating a library system.

Books are for use.
Every person his or her book.
Every book its reader.
Save the time of the reader.
A library is a growing organism.

There are a many ways to run Nextcloud:

on localhost, on a VPS, or in a Docker container
using Apache, nginx, php -S
from git, from zip, via snap

On a VPS, using Snap

Follow "How To Install and Configure Nextcloud on Ubuntu 22.04"

On a VPS, using Docker

With nc-sciencemesh enabled: pondersource/sciencemesh-nextcloud#demo-setup

Learning RegEx

Games

Slash\Escape The first and only slasher themed text based RegEx learning game.

Learn

Regex Learn Step by step, from zero to advanced.
RegexOne Learn Regular Expressions with simple, interactive exercises.

Daily Scrum Template

When taking part of a Daily Scrum as Scrum Master, I find it handy to take notes. This makes sure I can hand over the role, if need be. It also means I don't have to rememeber everything as I can look things up in my notes later.

Below is the structure I use as format or "template" for taking notes.

Some things of importance:

This gist provides 3 different data representations of Emoji Popularity per Year, from 2015 to 2021.

As CSV
As JSON, with Emoji listed per number
As JSON, with Emoji listed per year in an array
As JSON, with Emoji listed per year in an weighted object (an object with a value)

The orignal data and source reference can be found at: https://docs.google.com/spreadsheets/d/1kEaoJ_RR4DiChR9iYEBZOG8tmnVUlWAVLs_LHakAjJI/

	# ~/.local/share/applications/pico8.desktop
	[Desktop Entry]
	Name=Pico8
	Comment=Fantasy console for making, sharing and playing tiny games and other computer programs.
	GenericName=Fantasy Console
	X-GNOME-FullName=Pico-8
	Exec=/usr/local/bin/pico8
	Terminal=false
	Type=Application
	Icon=/usr/local/lib/pico-8/lexaloffle-pico8.png