Lee protomorph

protomorph / stringToColor.js

Last active June 15, 2025 22:22


	function stringToColor (text, { saturation = 64, lightness = 40, alpha = 100 } = {}) {
	let hue = [...text].reduce((a, c) => c.charCodeAt(0) + ((a << 5) - a), 0) % 360

	return `hsl(${hue} ${saturation}% ${lightness}% / ${alpha / 100})`
	}

protomorph / colorFromString.js

Created June 8, 2025 19:43

protomorph / observe-mutations.js

Created May 14, 2023 21:24


	function observeMutations (element, callback, options) {
	const observer = new MutationObserver(mutations =>
	mutations.forEach(m => callback(m))
	)

	observer.observe(element, Object.assign({
	childList: true,
	attributes: true,
	attributeOldValue: true,

protomorph / css.js

Last active October 4, 2023 01:12


	import tagged from 'tagged.js'

	const css = tagged(function (str) {
	const css = new CSSStyleSheet()
	return css.replace(str.trim())
	})

	export default css

protomorph / siblings.js

Created May 12, 2023 20:49

Get all sibling elements


	const getSiblings = e => Array.from(e.parentNode.children).filter(sib => sib !== e)

protomorph / flatten.js

Created May 12, 2023 20:46

Flatten an array


	const flatten = (array, depth = Infinity) => array.flat(depth)

protomorph / deburr.js

Created May 12, 2023 20:45

Remove accent from chars


	const deburr = str => str.normalize('NFD').replace(/\p{Diacritic}/gu, '')

protomorph / chunk.js

Last active June 15, 2025 22:25

Split array into chunks

	const chunk = (array, size) => array.map(
	(_, i) => i % size === 0 ? array.slice(i, i + size) : null
	).filter(Boolean)

protomorph / fetch.js

Created August 14, 2022 23:44

	function getFetch(url, params = {}) {
	const queryString = Object.entries(params).map(
	param => `${param[0]}=${param[1]}`
	).join('&')

	return fetch(`${url}?${queryString}`, {
	method: "GET",
	headers: { "Content-Type": "application/json" }
	}).then(res => res.json())
	}

protomorph / color-contrast-v2.scss

Created August 11, 2022 23:16

	//
	// Color contrast v2.
	// --------------------

	@function _color-contrast-test($color, $threshold) {
	$r: red($color);
	$g: green($color);
	$b: blue($color);

	$yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;