Potherca

Potherca

Each artifact contains a commitment to ensure
it provides information that enhances transparency
and focus against which progress can be measured:

• For the Product Backlog it is the Product Goal.
• For the Sprint Backlog it is the Sprint Goal.
• For the Increment it is the Definition of Done.

Potherca

Common perspective

"Making sense of MVP (Minimum Viable Product) – and why I prefer Earliest Testable/Usable/Lovable" by Henrik Kniberg

Using increments

Iterating and incrementing are separate ideas

Potherca

const url = new URL(document.location)

const search = new URLSearchParams()

const options = {
	"foo": "hello",
	"bar":"world"
}

Object.entries(options).forEach(([key, value]) => {

Potherca

<?php

//REQUIREMENTS!
//"phpseclib/phpseclib": "^3.0"
//"lcobucci/jwt": "^5.0"
require_once __DIR__ . '/vendor/autoload.php';

$json = '{
  "keys": [
    {

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.

Potherca

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

Potherca

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

Potherca

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) => {

Potherca

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.