Elia Pari ailequal

DigitalOcean Promo Code 2026 / $200 - $400 / 2-Months Valid

Vultr offers substantial discounts for new users via exclusive promo codes. These codes provide free credits ranging from $300 to experience Vultr cloud services with Docker and many more.

Activate Vultr $300 Credits

DigitalOcean offers substantial discounts for new users via exclusive promo codes. These codes provide free credits ranging from $10 to $200 to experience DigitalOcean's cloud services.

This guide provides:

WebM to MP4 using FFmpeg

This FFmpeg command converts a .webm video file to a standard .mp4 file using the libx264 codec for video, aac codec for audio, and a CRF value of 22. The preset is set to 'slow' for higher quality encoding, and the audio bitrate is set to 128 kbps.

If the input and output filenames don't contain spaces, quotation marks or other special characters:

ffmpeg -i input.webm -c:v libx264 -preset slow -crf 22 -c:a aac -b:a 128k output.mp4

Common Terminal Commands

Key Commands & Navigation

Before we look at some common commands, I just want to note a few keyboard commands that are very helpful:

Up Arrow: Will show your last command
Down Arrow: Will show your next command
Tab: Will auto-complete your command
Ctrl + L: Will clear the screen

This is mostly for my own benefit when I invariably format a computer using these adapters and forget how to get wifi working again:

Plug device in and ensure it is detected via lsusb:

For the T3U Plus, the ID is 2357:0138.

X11 forwarding on macOS and docker

A quick guide on how to setup X11 forwarding on macOS when using docker containers requiring a DISPLAY. Works on both Intel and M1 macs!

This guide was tested on:

macOS Catalina 10.15.4
docker desktop 2.2.0.5 (43884) - stable release
XQuartz 2.7.11 (xorg-server 1.18.4)
Macbook Pro (Intel)

`<script> async, defer, async defer, module, nomodule, src, inline` - the cheat sheet

This document is a comparison of various ways the <script> tags in HTML are processed depending on the attributes set.

If you ever wondered when to use inline <script async type="module"> and when <script nomodule defer src="...">, you're in the good place!

Note that this article is about <script>s inserted in the HTML; the behavior of <script>s inserted at runtime is slightly different - see Deep dive into the murky waters of script loading by Jake Archibald (2013)

Do not use forEach with async-await

TLDR: Use for...of instead of forEach() in asynchronous code.

For legacy browsers, use for(...;...;...) or [].reduce()

To execute the promises in parallel, use Promise.all([].map(...))

	let totalSize = 0;

	for (let key in localStorage) {
	if (localStorage.hasOwnProperty(key)) {
	let keySize = new Blob([key]).size; // Size of the key
	let valueSize = new Blob([localStorage[key]]).size; // Size of the value
	totalSize += keySize + valueSize;
	}
	}

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

	# Use this to block Spotify ad servers
	# sources:
	# https://www.reddit.com/r/Piracy/comments/4kn6rq/comprehensive_guide_to_blocking_ads_on_spotify/
	# https://gist.github.com/teomaragakis/cb187d880c9a3ca2c8a2
	# https://gist.github.com/Shujito/b7a8f8f971b22f49b4313d7d3e8e6931
	# https://gist.github.com/rifkyekayama/f7c43e470f23878b20416e68f73829dc
	# https://gist.github.com/shokoylele/8f4160a102480471cb946fbd800bc86a
	############## Begin manual list

	# 127.0.0.1 spclient.wg.spotify.com # might block the entire Spotify app from working too