Skip to content

Instantly share code, notes, and snippets.

Avatar
🏠

Trey Piepmeier trey

🏠
View GitHub Profile
@garrettdimon
garrettdimon / debug.css
Last active March 9, 2023 17:44
A set of CSS rules to visually highlight common markup mistakes.
View debug.css
/*
In any of the following scenarios, a critical attribute was left off and needs
to be corrected.
*/
abbr[title=''],
abbr:not([title]),
a[href=''],
a[href='#'],
a:not([href]) {
color: var(--color-red-500) !important;
@biosmanager
biosmanager / userChrome.css
Last active January 16, 2023 11:40
Firefox Proton macOS Close Tab Left
View userChrome.css
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
.tabbrowser-tab .tab-close-button {
opacity: 0;
margin-left: -4.5px !important;
margin-right: 2px !important;
}
.tabbrowser-tab:not(:hover) .tab-close-button {
display:none;
}
@shauninman
shauninman / custom.css
Created December 14, 2020 17:25
white out promoted tweets on twitter.com
View custom.css
/* bye-bye brands */
div[aria-label~="Timeline"] div[role="group"]+div{background-color:white;position:absolute !important;top:-24px !important;left:-64px !important;margin-top:0 !important;width:calc(100% + 64px);height:calc(100% + 24px);}
div[aria-label~="Timeline"] div[role="group"]+div *{display:none !important;}
@scottjehl
scottjehl / whichones.js
Created August 21, 2020 15:40
which elements are wider than the viewport?
View whichones.js
var list = [];
document.querySelectorAll("body *")
.forEach(function(elem){
if(elem.getBoundingClientRect().width > document.body.getBoundingClientRect().width){
list.push(elem.outerHTML.split('>')[0] + '>');
}
});
confirm( "these elements are wider than the viewport:\n\n " + list.join("\n") )
@tatianamac
tatianamac / tatiana-mac-speaker-rider.md
Last active March 30, 2023 04:00
Tatiana Mac's Speaker Rider
View tatiana-mac-speaker-rider.md

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.

@liamfiddler
liamfiddler / style.11ty.js
Last active April 7, 2022 20:24
Simple SCSS pipeline for 11ty
View style.11ty.js
const util = require('util');
const sass = require('sass'); // `npm i -D sass`
const renderSass = util.promisify(sass.render);
const inputFile = '_includes/style.scss'; // the path to your main SCSS file
const outputFile = 'style.css'; // the filename you want this template to be saved as
module.exports = class {
data() {
return {
permalink: outputFile,
@beep
beep / ublock-twitterneue.txt
Last active August 11, 2021 18:50
uBlock Origin rules for new twitter website
View ublock-twitterneue.txt
# Block Twitter’s new web font
https://abs.twimg.com/fonts/chirp-bold-web.woff
https://abs.twimg.com/fonts/chirp-heavy-web.woff
https://abs.twimg.com/fonts/chirp-regular-web.woff
# hides engage-y modules from the rightmost sidebar
twitter.com##[data-testid="sidebarColumn"] div[aria-label]
twitter.com##[data-testid="sidebarColumn"] div:has(> aside[aria-label])
# hides promoted tweets
@bradtraversy
bradtraversy / docker_wordpress.md
Last active March 27, 2023 13:47
Docker Compose FIle For Wordpress, MySQL & phpmyadmin
View docker_wordpress.md

Wordpress & Docker

This file will setup Wordpress, MySQL & PHPMyAdmin with a single command. Add the code below to a file called "docker-compose.yaml" and run the command

$ docker-compose up -d

# To Tear Down
$ docker-compose down --volumes
@angela-d
angela-d / gpg-key-migration.md
Created April 1, 2018 23:57
Move GPG Keys from One Machine to Another
View gpg-key-migration.md

Migrate GPG Keys from One Workstation to Another

Replace [your key] with your key ID

To obtain your key ID

gpg --list-secret-keys --keyid-format LONG

Which returns something like

@timvisee
timvisee / falsehoods-programming-time-list.md
Last active April 1, 2023 19:07
Falsehoods programmers believe about time, in a single list
View falsehoods-programming-time-list.md

Falsehoods programmers believe about time

This is a compiled list of falsehoods programmers tend to believe about working with time.

Don't re-invent a date time library yourself. If you think you understand everything about time, you're probably doing it wrong.

Falsehoods

  • There are always 24 hours in a day.
  • February is always 28 days long.
  • Any 24-hour period will always begin and end in the same day (or week, or month).