FreyaHolmer

///////////////////////////////////////////////////////////////////////////////
// ABOUT:        A unity Shader .cginc to draw numbers in the fragment shader
// AUTHOR:       Freya Holmér
// LICENSE:      Use for whatever, commercial or otherwise!
//               Don't hold me liable for issues though
//               But pls credit me if it works super well <3
// LIMITATIONS:  There's some precision loss beyond 3 decimal places
// CONTRIBUTORS: yes please! if you know a more precise way to get
//               decimal digits then pls lemme know!
//               GetDecimalSymbolAt() could use some more love/precision

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

AliAryanTech

Displacement Sphere - ThreeJS

A ThreeJS scene featuring a displacement sphere using Perlin noise. This is featured on my website at https://codyb.co, fully interactive via TweenJS.

A Pen by mansisisangiya on CodePen.

License.

bitterteasweetorange

[
  {
    "command": "projectManager.listGitProjects#sideBarGit",
    "key": "cmd+o"
  },
  {
    "command": "expand_region",
    "key": "ctrl+=",
    "when": "editorTextFocus"
  },

kconner

macOS Internals

Understand your Mac and iPhone more deeply by tracing the evolution of Mac OS X from prelease to Swift. John Siracusa delivers the details.

Starting Points

How to use this gist

You've got two main options:

radermacher

// fork of https://gist.github.com/b-nnett/2749adb44566239e4c85ad1a8937c2bc
// origin by @B_nnett → https://twitter.com/joshm/status/1648346253355282432?s=20

/*
  To set up this boost for chat.openai.com:
  
  1)  open Arc browser and login at chat.openai.com.
  2)  Head over to the + button in your sidebar and select New Boost.
      Or hit ⌘ + T and type New Boost into your Command Bar.
  3)  Click the `Code` button.

linuslundahl

[
  { "text": "0️⃣", "name": "0", "keyword": ":0:" },
  { "text": "1️⃣", "name": "1", "keyword": ":1:" },
  { "text": "🔟", "name": "10", "keyword": ":10:" },
  { "text": "💯", "name": "100", "keyword": ":100:" },
  { "text": "🥇", "name": "1st Place Medal", "keyword": ":1st-place-medal:" },
  { "text": "2️⃣", "name": "2", "keyword": ":2:" },
  { "text": "🥈", "name": "2nd Place Medal", "keyword": "2nd-place-medal:" },
  { "text": "3️⃣", "name": "3", "keyword": ":3:" },
  { "text": "🥉", "name": "3rd Place Medal", "keyword": ":3rd-place-medal:" },

bryanhpchiang

const sleep = ms => { return new Promise(resolve => setTimeout(resolve, ms)) }


const injectButton = async () => {
	// Similiarly, we also need to wait for the page to load in...
	await sleep(1000);
  console.log("hey");
	const {url} = await fetch("https://bhchiang--get-url-get.modal.run/").then(r => r.json());
	const URL = `${url}/get_prompt`;

acorn1010

import {SetStateAction, useCallback} from 'react';
import {create} from "zustand";

export type EqualityFn<T> = (left: T | null | undefined, right: T | null | undefined) => boolean;

export type StoreType<State> = {
  use<K extends keyof State>(
    key: K,
    defaultValue?: State[K],
    equalityFn?: EqualityFn<State[K]>,

barbietunnie

How to Use Custom Fonts in TailwindCSS + NextJS

Assuming your have already set up your NextJS + Tailwind project,

1. Select your desired custom Google font

2. Scroll to the bottom and select all the styles you are interested in