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

Shpigford

const domains = ['cnn.com'];
const content = 'Nope!';

if (domains.includes(window.location.hostname.replace('www.',''))) {
  document.body.style.backgroundColor = 'red';
  document.body.style.color = 'white';
  document.body.style.textAlign = 'center';
  document.body.style.fontWeight = 'bold';
  document.body.style.fontFamily = 'sans-serif';
  document.body.style.textTransform = 'uppercase';

Flaxxas

body, ytd-app, ytd-masthead {
  --yt-spec-brand-background-solid: black !important;
  --ytd-searchbox-background: black !important;
  --yt-spec-base-background: black !important;
  --yt-spec-raised-background: black !important;
  --yt-spec-general-background-a: black !important;
  --yt-spec-general-background-b: black !important;
  --yt-spec-general-background-c: black !important;
  --yt-spec-brand-background-primary: black !important;
  background: black !important;

Andy-set-studio

.cutout-hero {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  position: relative;
  aspect-ratio: 1920/839;
}

.cutout-hero :is(img, picture, video) {

dmthomas

#I broke the audio out separately because it's the same stream regardless of which video resolution you choose.

#Audio for all
ffmpeg -i https://events-delivery.apple.com/1402uekefjejgldkvaqrqxgjmtehwhez/vod_main_FmkzTaRUQHbdgFMjhhirKrarNznPoHEC/audio_main_en_2ch_aac_128/prog_index.m3u8 -c copy "Apple Special Event, March 2022 temp.aac"

#Dolby Atmos Audio... wut? Audio file must end in .mp4 for ffmpeg to download it correctly. If you want to use Dolby Atmos audio modify the second line of any video format section to use the .mp4 audio file in the merge command.
ffmpeg -i https://events-delivery.apple.com/1402uekefjejgldkvaqrqxgjmtehwhez/vod_main_FmkzTaRUQHbdgFMjhhirKrarNznPoHEC/audio_main_en_16ch_atmos_640/prog_index.m3u8 -c copy "Apple Special Event, March 2022 temp atmos.mp4"

#h264 1080p
ffmpeg -i https://events-delivery.apple.com/1402uekefjejgldkvaqrqxgjmtehwhez/vod_main_FmkzTaRUQHbdgFMjhhirKrarNznPoHEC/sdr_avc_1080p_8500/prog_index.m3u8 -c copy "Apple Special Event, March 2022 (1080p) temp.mp4"

davestewart

Estimation

This document is an attempt to pin down all the things you don't think about when quoting for a project, and hopefully provide a starting point for some kind of framework to make quoting, working and delivering small-medium jobs more predictable and less stressful.

Contents

• Quoting
• Dependencies
• Skills
• Preparation

marcedwards

//
// Out of sync lines.
// Created using Processing 3.5.3.
//
// Code by @marcedwards from @bjango.
//
// A GIF of this code can be seen here:
// https://twitter.com/marcedwards/status/1195668786340233221
//

Andy-set-studio

<button>
  <span class="visually-hidden">Some text to announce</span>
  <!-- your icon or whatever -->
</button>

tatianamac

Speaker Rider

by Tatiana Mac

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.

marcedwards

//
// Circles of dots.
// Created using Processing 3.5.3.
//
// Code by @marcedwards from @bjango.
//
// A GIF of this code can be seen here:
// https://twitter.com/marcedwards/status/1144236924095234053
//