OrionReed

// 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; // ¯\\_(ツ)_/¯

Utopiah

#!/bin/bash
#
# opkg requirements :
# opkg install 7z git jq
#
# git clone https://github.com/wordset/wordset-dictionary/
#
# assumes ~/xochitl-data links to /home/root/.local/share/remarkable/xochitl/
#
# warning ~/epubTemplate/ is required. See instead https://gist.github.com/Utopiah/119f5c96fae048609a2091f7f3d81f53

mattdesl

NFT Thoughts, Essays, Writings

I'm collecting here a few essays on the net about tokenization in the art world. This list is likely biased and by no means exhaustive.

• Not Another JPG by M Plummer-Fernández (April 09, 2021)
• What does it mean to buy a GIF? by Jack Rusher (March 20, 2021)
• Podcast: Skepticism & Optimism around art NFTs (June 2, 2021)
• Token Gesture by Tina Rivers Ryan (May, 2021)
• Podcast: Two Art Historians Discuss NFTs, Part 2 (July 13, 2021)
• [Custodianship, Copyright, and Provenance: on the non-monetary value of NFTs by Nathaniel Stern](https://nathanielstern.com/text/2021/custodianship-copyright-and-provenance-on-the-non-monetary-value-of

andreyryabtsev

boundvariable

Line after line

(sung to the tune of "Time after Time" by Cyndi Lauper)

Logging into GitHub, I see notifications from you
Caught up in PRs
Confusion is nothing new
Flashback, bad code
Almost every line
Suitcase of tech debt

tomhicks

/*
Copy this into the console of any web page that is interactive and doesn't
do hard reloads. You will hear your DOM changes as different pitches of
audio.

I have found this interesting for debugging, but also fun to hear web pages
render like UIs do in movies.
*/

const audioCtx = new (window.AudioContext || window.webkitAudioContext)()

equwal

;;; TL;DR
(set-face-attribute 'default nil :family "Hack");Must be the FULL name (search-fonts "Hack") for it.
(set-face-attribute 'default nil :height (* 13 10));13pt
;;; Also see: https://github.com/alphapapa/unpackaged.el#font-compare
;;; to easily compare lots of fonts.
;;; The purpose of this Gist is to help you select a font you like by trying it out in Emacs.

;;; Here is my custom Hack font: https://github.com/equwal/alt-hack0
;;; If you don't have the fonts, you can try:
;;; - Your package manager

ryanflorence

Reach UI Philosophy

Reach UI is an accessible foundation for React applications and design systems.

The three equally important goals are to be:

• Accessible
• Composable
• Stylable

JoeyBurzynski

58 bytes of CSS to look great nearly everywhere

When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:

main {
  max-width: 38rem;
  padding: 2rem;
  margin: auto;
}

mikowl

// Inspired by https://twitter.com/coderitual/status/1112297299307384833 and https://tapajyoti-bose.medium.com/7-killer-one-liners-in-javascript-33db6798f5bf

//  Remove any duplicates from an array of primitives.
const unique = [...new Set(arr)]

// Sleep in async functions. Use: await sleep(2000).
const sleep = (ms) => (new Promise(resolve => setTimeout(resolve, ms)));
// or
const sleep = util.promisify(setTimeout);