Skip to content

Instantly share code, notes, and snippets.

View msell's full-sized avatar

Matt Sell msell

View GitHub Profile
@msell
msell / machine.js
Created November 12, 2019 05:37
Generated by XState Viz: https://xstate.js.org/viz
// Available variables:
// Machine (machine factory function)
// assign (action)
// XState (all XState exports)
const fetchMachine = Machine({
id: 'fetch',
context: { attempts: 0 },
initial: 'idle',
export default compose(
// aogId will not be needed in MTXDir
withProps(({ match: { params: { caseId } } }) => ({
aogId: caseId,
})),
// not needed
withMediaFiles,
// notNeeded
withProps(({ handleSelectFile, user, aogId }) => ({

Keybase proof

I hereby claim:

  • I am msell on github.
  • I am mattsell (https://keybase.io/mattsell) on keybase.
  • I have a public key ASCEaG8BsCgnqLBnPx7eGA9-dE-MrytmXpXlCW6SIZhmMwo

To claim this, I am signing this object:

@msell
msell / a11y-intro.md
Last active August 29, 2019 16:28
Speaker notes on a11y presentation

A11y Outline

Intro

Web accessibility means that websites, tools, and technologies are designed and developed so that people with disabilities can use them. More specifically, people can:

  • perceive, understand, navigate, and interact with the Web
  • contribute to the Web

WCAG

A11Y Training

Screen Readers

  • NVDA - Free, Popular screen reader (Windows only)
  • JAWS - Expensive, most popular screen reader (Windows only)

Grid Garden notes

Create grid

#garden {
  display: grid;
  grid-template-colunns: 100px 3em 40%;
  grid-template-rows: 20% 20% 20% 20% 20%;
}
@msell
msell / Readme.md
Last active June 21, 2019 03:10
OTStarter
Set-ExecutionPolicy -ExecutionPolicy Unrestricted
. { iwr -useb https://boxstarter.org/bootstrapper.ps1 } | iex; Get-Boxstarter -Force
Install-BoxstarterPackage -PackageName https://gist.githubusercontent.com/msell/e78ff9cffed69c40deb47ceaed17dcd5/raw/37d536a03ec0f4685d59368b0f7fca8378caccbb/box1 -DisableReboots
function FileDrop(props) {
const [drag, setDrag] = React.useState(false);
const [filename, setFilename] = React.useState('');
let dropRef = React.createRef();
let dragCounter = 0;
const handleDrag = e => {
e.preventDefault();
e.stopPropagation();
};