Skip to content

Instantly share code, notes, and snippets.

View mr-stezz's full-sized avatar
🧘‍♂️
Inquiring...

Mike Stezycki mr-stezz

🧘‍♂️
Inquiring...
View GitHub Profile
@OrionReed
OrionReed / dom3d.js
Last active September 23, 2024 03:02
3D DOM viewer, copy-paste this into your console to visualise the DOM topographically.
// 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
Shpigford / content.js
Created August 25, 2022 00:18
Arc Boost for blocking distracting sites
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
Flaxxas / styles.css
Last active November 21, 2022 10:07
Arc Boost - youtube all black full windowed theatre player
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;
.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
dmthomas / Apple Special Event March 2022 1080p, 1440p, 2160p
Last active April 6, 2023 01:39
Apple Special Event March 2022 1080p, 1440p, 2160p
#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"

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

@marcedwards
marcedwards / outofsynclines.pde
Last active November 23, 2019 11:01
Out of sync lines in Processing
//
// 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
Andy-set-studio / index.html
Created November 1, 2019 14:28
Button with visually hidden text
<button>
<span class="visually-hidden">Some text to announce</span>
<!-- your icon or whatever -->
</button>
@tatianamac
tatianamac / tatiana-mac-speaker-rider.md
Last active September 19, 2024 17:22
Tatiana Mac's Speaker Rider

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
marcedwards / circlesofdots.pde
Created June 28, 2019 10:43
Circles of dots in Processing
//
// 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
//