Discover gists

Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

People

There are two metrics that are important to consider when discussing the size of Docker images.

Compressed size - This is often referred to as the wire size. This affects how fast/slow images can be pulled from a registry. This impacts the first run experience on machines where images are not cached.
Uncompressed size - This is often referred to as the size on disk. This affects how much local storage is required to support your Docker workloads.

The example commands shown below will work on Windows, MacOS, and Linux.

Some (hopefully) useful links related to JavaFX development.

The biggest list I've seen is at AwesomeJavaFX - seriously, huge list.

	import React, { useRef, useEffect, useState } from 'react';
	import {
	ActivityIndicator,
	StyleSheet,
	Text,
	TouchableOpacity,
	TouchableWithoutFeedback,
	View,
	} from 'react-native';
	import {

	//Credits: https://gist.github.com/OrionReed/4c3778ebc2b5026d2354359ca49077ca

	(() => {
	const THICKNESS = 5;
	const MAX_ROTATION = 180;
	const DISTANCE = 10000;

	const getDOMDepth = element => [...element.children].reduce((max, child) => Math.max(max, getDOMDepth(child)), 0) + 1;

	const body = document.body;

	// 3D Dom viewer, copy-paste this into your console to visualise the DOM as a stack of solid blocks.
	// You can also minify and save it as a bookmarklet (https://www.freecodecamp.org/news/what-are-bookmarklets/)
	(() => {
	const SHOW_SIDES = false; // color sides of DOM nodes?
	const COLOR_SURFACE = true; // color tops of DOM nodes?
	const COLOR_RANDOM = false; // randomise color?
	const COLOR_HUE = 190; // hue in HSL (https://hslpicker.com)
	const MAX_ROTATION = 180; // set to 360 to rotate all the way round
	const THICKNESS = 20; // thickness of layers
	const DISTANCE = 10000; // ¯\\_(ツ)_/¯

	import { useSyncExternalStore } from "react";
	// For more on the useSyncExternalStore hook, see https://react.dev/reference/react/useSyncExternalStore

	// The code is almost identical to the source code of zustand, without types and some features stripped out.
	// Check the links to see the references in the source code.
	// The links are referencing the v5 of the library. If you plan on reading the source code yourself v5 is the best way to start.
	// The current v4 version contains lot of deprecated code and extra stuff that makes it hard to reason about if you're new to this.

	// https://github.com/pmndrs/zustand/blob/fe47d3e6c6671dbfb9856fda52cb5a3a855d97a6/src/vanilla.ts#L57-L94
	function createStore(createState) {

	/**
	* Get YouTube ID from various YouTube URL
	* @author: takien
	* @url: http://takien.com
	* For PHP YouTube parser, go here http://takien.com/864
	*/

	function YouTubeGetID(url){
	var ID = '';
	url = url.replace(/(>\|<)/gi,'').split(/(vi\/\|v=\|\/v\/\|youtu\.be\/\|\/embed\/)/);