Skip to content

Instantly share code, notes, and snippets.

View gloriousLoaf's full-sized avatar
🏗️
building

David Metcalf gloriousLoaf

🏗️
building
View GitHub Profile
@gloriousLoaf
gloriousLoaf / git-reset-author.sh
Created April 15, 2021 21:34 — forked from bgromov/git-reset-author.sh
Git: reset author for ALL commits
#!/bin/sh
# Credits: http://stackoverflow.com/a/750191
git filter-branch -f --env-filter "
GIT_AUTHOR_NAME='Newname'
GIT_AUTHOR_EMAIL='new@email'
GIT_COMMITTER_NAME='Newname'
GIT_COMMITTER_EMAIL='new@email'
" HEAD
@gloriousLoaf
gloriousLoaf / npm-security-fixes.md
Last active March 30, 2021 17:28
Resolving Node Package Security Issues

Resolving Node Package Security Issues

This is an excerpt from a post I wrote on DEV

Using npm-force-resolutions is a last resort!
Please read their docs and my post above for more details.

/* 1. lean on npm to fix issues */
npm audit fix
@gloriousLoaf
gloriousLoaf / hoverboard.md
Last active March 16, 2021 22:21
Hoverboard - Keyboard Accessiblity

Hoverboard Keyboard Accessibility

There are obviously a lot of ways to tackle accessibility for any mouse-oriented, visual app like this. Here is a suggestion for how to handle focus states for our little dance floor of lights!

What is the goal?

For this exercise, I set a few basic parameters. The user can tab into the container of squares with the tab key, then they can use the arrow keys to navigate around the grid while creating the same effects as a mouse user.

Another parameter is that the grid should be fixed-size and allow for a "wrap" effect at the edges of the grid, using some simple math and switch case statements. The focus moves from left to right and top to bottom.