Dan Manchester elseloop

Speaker Rider

Last updated 14 April 2021

What is a speaker rider?

As speaking comes with immense privilege, I have crafted a speaker rider to set expectations and boundaries around my engagement. I am grateful to all the conference organisers who have brilliantly hosted me. I would love to continue to exercise this privilege to speak at conferences, and use this privilege to make the landscape more accessible and beneficial to tech's most historically excluded and marginalised communities.

Considerations

😫 I provide a lot of explanations for those of you who never had to consider these things. Most thoughtful conferences I've attended check most of these boxes intrinsically, particularly when conference runners are experienced speakers. They get it.

Add the function somewhere to your dotfiles. Works better if you npm install -g benny-hill first.

gif-from-tweet

There are so many great GIFs out there and I want to have copies of them. Twitter makes that harder than it should be by converting them to MP4 and not providing access to the source material. To make it easier, I made a bash pipeline that takes a tweet URL and a filename, extracts the MP4 from that tweet and uses ffmpeg to convert back to GIF.

Dependencies

ffmpeg
- macOS: brew install ffmpeg
- Ubuntu/Debian: apt install ffmpeg

Using `<details>` in GitHub

Suppose you're opening an issue and there's a lot noisey logs that may be useful.

Rather than wrecking readability, wrap it in a <details> tag!

<details>
 Summary Goes Here

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

	// paste in your console
	speechSynthesis.onvoiceschanged = function() {
	var msg = new SpeechSynthesisUtterance();
	msg.voice = this.getVoices().filter(v => v.name == 'Cellos')[0];
	msg.text = Object.keys(window).join(' ');
	this.speak(msg);
	};

	<?php
	// Here is a sample of the URLs this regex matches: (there can be more content after the given URL that will be ignored)

	// http://youtu.be/dQw4w9WgXcQ
	// http://www.youtube.com/embed/dQw4w9WgXcQ
	// http://www.youtube.com/watch?v=dQw4w9WgXcQ
	// http://www.youtube.com/?v=dQw4w9WgXcQ
	// http://www.youtube.com/v/dQw4w9WgXcQ
	// http://www.youtube.com/e/dQw4w9WgXcQ
	// http://www.youtube.com/user/username#p/u/11/dQw4w9WgXcQ

	#
	# MongoDB (as a windows service)
	#
	$mongoDbPath = "$env:SystemDrive\MongoDB"
	$mongoDbConfigPath = "$mongoDbPath\mongod.cfg"
	$url = "https://fastdl.mongodb.org/win32/mongodb-win32-x86_64-2008plus-3.2.7.zip"
	$zipFile = "$mongoDbPath\mongo.zip"
	$unzippedFolderContent ="$mongoDbPath\mongodb-win32-x86_64-2008plus-3.2.7"

	if ((Test-Path -path $mongoDbPath) -eq $false)

	/**
	* SVG Fixer
	*
	* Fixes references to inline SVG elements when the <base> tag is in use.
	* Firefox won't display SVG icons referenced with
	* `<svg><use xlink:href="#id-of-icon-def"></use></svg>` when the <base> tag is on the page.
	*
	* More info:
	* - http://stackoverflow.com/a/18265336/796152
	* - http://www.w3.org/TR/SVG/linking.html

	https://github.com/Snugug/eq.js
	https://github.com/tysonmatanich/elementQuery
	http://eqcss.github.io/eqcss/