Skip to content

Instantly share code, notes, and snippets.

View matthewhudson's full-sized avatar

Matthew Hudson matthewhudson

View GitHub Profile
@tkadlec
tkadlec / perf-diagnostics.css
Last active June 8, 2023 17:47
CSS used to highlight potential performance issues
:root {
--violation-color: red; /* used for clear issues */
--warning-color: orange; /* used for potential issues we should look into */
}
/* IMAGES */
/*
* Lazy-Loaded Images Check
* ====
@Arinono
Arinono / remove-bg.story
Last active October 30, 2019 16:02
remove.bg as a story
http server as server
# Working, just a proxy over an existing service
when server listen method:"post" path:"/" as request
url = request.body.get(key:"url" default:"")
output = Arinono/remove-bg remove :url
request write content:output
# Compiling, real example of what the story could be
when server listen method:"post" path:"/debug" as request
@JeanBarriere
JeanBarriere / pingdom.story
Last active November 5, 2019 11:05
pingdom as a story
# pingdom as a story
###
# there is 2 levels on this story
# - CRUD on entries to ping
# - CRON on entries every minute
###
# crud /entries
http server as server
when server listen path:"/entries" as request
@stevepeak
stevepeak / 1.md
Last active January 3, 2020 17:54

counter-tweet

With Storyscript, we got it done in under 4 minutes and 4 lines of code.

(Updated) Sad the the tweet was deleted...because some of the answers were half a days work using terminal, git and containers.

@tatianamac
tatianamac / tatiana-mac-speaker-rider.md
Last active March 24, 2024 12: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.

@felipesilva
felipesilva / perceived-performance-large-scale-web-applications
Last active July 25, 2019 19:37
Sources used for the presentation @ #FrontInBH
Jakob Nielsen and Robert Miller
* https://www.nngroup.com/articles/website-response-times/
* http://yusufarslan.net/sites/yusufarslan.net/files/upload/content/Miller1968.pdf
How perceived perf can impact User Engagement
* https://www.wsj.com/articles/financial-times-hopes-speedy-new-website-will-boost-subscribers-1475553602
* https://www.doubleclickbygoogle.com/articles/mobile-speed-matters/
* https://digiday.com/media/gq-com-cut-page-load-time-80-percent/
* https://www.soasta.com/blog/introducing-a-new-web-performance-metric-for-media-sites-activity-impact-score/
* https://www.soasta.com/blog/google-mobile-web-performance-study/
@joshbuchea
joshbuchea / semantic-commit-messages.md
Last active June 18, 2024 21:47
Semantic Commit Messages

Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

Example

@akirattii
akirattii / background.js
Created December 2, 2016 03:45
Message passing of Chrome Extension example
/*****************************************************************
* onMessage from the extension or tab (a content script)
*****************************************************************/
chrome.runtime.onMessage.addListener(
function(request, sender, sendResponse) {
if (request.cmd == "any command") {
sendResponse({ result: "any response from background" });
} else {
sendResponse({ result: "error", message: `Invalid 'cmd'` });
}
@idleberg
idleberg / atom-macos-context-menu.md
Last active April 27, 2022 00:37
“Open in Atom” in macOS context-menu

Open in Atom

  • Open Automator
  • Create a new Service
  • Set “Service receives selected” to files or folders in any application
  • Add a Run Shell Script action
  • Set the script action to /usr/local/bin/atom -n "$@"
  • Set “Pass input” to as arguments
  • Save as Open in Atom