Markus Staab staabm

Time Travel Debugging

Time Travel refers to the ability to record a tab and later replay it ([WebReplay][wrr]). The technology is useful for local development, where you might want to:

pause and step forwards or backwards
pause and rewind to a prior state
rewind to the time a console message was logged
rewind to the time an element had a certain style or layout
rewind to the time a network asset loaded

XAMPP - Replacing MariaDB with MySQL

This post has been deleted.

Hyperlinks (a.k.a. HTML-like anchors) in terminal emulators

[ Update 2025-03-24: Commenting is disabled permanently. Previous comments are archived at web.archive.org. ]

Most of the terminal emulators auto-detect when a URL appears onscreen and allow to conveniently open them (e.g. via Ctrl+click or Cmd+click, or the right click menu).

It was, however, not possible until now for arbitrary text to point to URLs, just as on webpages.

How to add more to Git Bash on Windows

Git for Windows comes bundled with the "Git Bash" terminal which is incredibly handy for unix-like commands on a windows machine. It is missing a few standard linux utilities, but it is easy to add ones that have a windows binary available.

The basic idea is that C:\Program Files\Git\mingw64\ is your / directory according to Git Bash (note: depending on how you installed it, the directory might be different. from the start menu, right click on the Git Bash icon and open file location. It might be something like C:\Users\name\AppData\Local\Programs\Git, the mingw64 in this directory is your root. Find it by using pwd -W). If you go to that directory, you will find the typical linux root folder structure (bin, etc, lib and so on).

If you are missing a utility, such as wget, track down a binary for windows and copy the files to the corresponding directories. Sometimes the windows binary have funny prefixes, so

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

	#!/bin/bash
	# Creator: Phil Cook
	# Modified: Andy Miller
	#
	# >>> IMPORTANT: Moved to: https://github.com/rhukster/sphp.sh
	# >>> Kept here for legacy purposes
	#
	osx_major_version=$(sw_vers -productVersion \| cut -d. -f1)
	osx_minor_version=$(sw_vers -productVersion \| cut -d. -f2)
	osx_patch_version=$(sw_vers -productVersion \| cut -d. -f3)

	# Define ULID_DECODE and ULID_ENCODE which convert a ulid string to a binary and vice versa.

	delimiter //
	DROP FUNCTION IF EXISTS ULID_DECODE//
	CREATE FUNCTION ULID_DECODE (s CHAR(26)) RETURNS BINARY(16) DETERMINISTIC
	BEGIN
	DECLARE s_base32 CHAR(26);
	SET s_base32 = REPLACE(REPLACE(REPLACE(REPLACE(REPLACE(REPLACE(REPLACE(REPLACE(REPLACE(REPLACE(REPLACE(REPLACE(REPLACE(REPLACE(UPPER(s), 'J', 'I'), 'K', 'J'), 'M', 'K'), 'N', 'L'), 'P', 'M'), 'Q', 'N'), 'R', 'O'), 'S', 'P'), 'T', 'Q'), 'V', 'R'), 'W', 'S'), 'X', 'T'), 'Y', 'U'), 'Z', 'V');
	RETURN UNHEX(CONCAT(LPAD(CONV(SUBSTRING(s_base32, 1, 2), 32, 16), 2, '0'), LPAD(CONV(SUBSTRING(s_base32, 3, 12), 32, 16), 15, '0'), LPAD(CONV(SUBSTRING(s_base32, 15, 12), 32, 16), 15, '0')));
	END//

	To make Pageant automatically run and load keys at startup:

	- Find the location of pageant.exe

	- Windows key + R to open the 'run' dialog box

	- Type: 'shell:startup' in the dialog box

	- Create a shortcut to the pageant.exe and put into this startup folder.

	<?php

	class FileSessionHandler implements SessionHandlerInterface
	{
	/**
	* time in milliseconds how fast to poll the filesystem for a file-lock
	* in case it cannot be acquired / is (b)locked by other resources.
	*
	* @var int
	* @internal