In terminal.app, install ffmpeg through homebrew
brew install ffmpeg
Validate the installation:
export function clapperBoard() { | |
let audio = new AudioContext() | |
let beep = audio.createOscillator() | |
let flash = document.createElement("div") | |
beep.frequency.value = 440 * 5 | |
beep.connect(audio.destination) | |
flash.classList.add("clapperboard") | |
beep.start() |
/** | |
* A bookmarklet for viewing shifted elements while debugging | |
* Cumulative Layout Shift (web.dev/cls). Works in Chrome 84+ | |
* Shows the previous position of shifted elements in yellow, | |
* and the new position in red. | |
* | |
* To install: | |
* 1. Copy the code starting from the line beginning `javascript:` | |
* 2. Add a new bookmark in Chrome, and paste the code in as the URL. | |
**/ |
:root { | |
--violation-color: red; /* used for clear issues */ | |
--warning-color: orange; /* used for potential issues we should look into */ | |
} | |
/* IMAGES */ | |
/* | |
* Lazy-Loaded Images Check | |
* ==== |
/** | |
* Title: How to create Custom Observable and Operators with RxJS and Node.js. | |
* | |
* Description: With this example I want to show how you can generate custom | |
* Observables and Operators with RxJS and Node.js. | |
*/ | |
import { Observable } from 'rxjs'; | |
import { request } from 'undici'; |
const INDEX: u8 = 0x0; | |
const RUN_8: u8 = 0x40; | |
const RUN_16: u8 = 0x60; | |
const DIFF_8: u8 = 0x80; | |
const DIFF_16: u8 = 0xc0; | |
const DIFF_24: u8 = 0xe0; | |
const COLOR: u8 = 0xf0; | |
const MASK_2: u8 = 0xc0; | |
const MASK_3: u8 = 0xe0; |
Note: I have moved this list to a proper repository. I'll leave this gist up, but it won't be updated. To submit an idea, open a PR on the repo.
Note that I have not tried all of these personally, and cannot and do not vouch for all of the tools listed here. In most cases, the descriptions here are copied directly from their code repos. Some may have been abandoned. Investigate before installing/using.
The ones I use regularly include: bat, dust, fd, fend, hyperfine, miniserve, ripgrep, just, cargo-audit and cargo-wipe.
/* | |
* Mando pasadiapositivas (siguiente y anterior) por | |
* bluetooth, usando dos botones del Lolin32 (ESP32) | |
*/ | |
#include <Bounce2.h> | |
#include <BleKeyboard.h> | |
#define PREV_GPIO 4 | |
#define NEXT_GPIO 23 |
// This script checks if a page is bfcache eligible and prints reasons if it isn't. | |
// It can be easily modified to check multiple pages. | |
// Chrome crbug: https://bugs.chromium.org/p/chromium/issues/detail?id=1312486 | |
// Puppeteer issue: https://github.com/puppeteer/puppeteer/issues/8182 | |
const puppeteer = require('puppeteer'); | |
(async () => { | |
// Configuring and launching the browser |
#! /usr/bin/env ruby | |
require 'time' | |
def usage | |
puts "USAGE: ./record-timelapse every 10 displays 1,2" | |
end | |
if ARGV[0] != "every" || ARGV[2] != "displays" | |
usage |