Skip to content

Instantly share code, notes, and snippets.

View Mottie's full-sized avatar
💭
🥞

Rob Garrison Mottie

💭
🥞
View GitHub Profile
@Mottie
Mottie / README.md
Last active December 27, 2022 20:33
Reset WAVE Evaluation Tool Bookmarklet

Bookmarklet to reset WAVE

WAVE is a browser extension used to test the accessibility of a web page. It alters the HTML to add indicators thoughout the page, but unfortunately there isn't a way to remove this indicators. That's where this bookmarklet comes in. When you're done with the evaluation, click on this bookmarklet, and all the indicators will disappear.

Important note: This is not a perfect solution. This bookmarklet is only removing the indicators, but not actually reseting WAVE. So if you need to run WAVE again, you will likely need to Run it twice to open the WAVE side panel and apply the indicators again.

Download

Download the wave-reset.html file included in this Gist

Keybase proof

I hereby claim:

  • I am mottie on github.
  • I am regarr (https://keybase.io/regarr) on keybase.
  • I have a public key ASAWyWLYRvPE3Wqv-L_9Su6zF5ZuqlJZVyS4vePezJ2ZBAo

To claim this, I am signing this object:

@Mottie
Mottie / stylus-error.json
Last active March 18, 2024 11:45
Stylus update error test
[
{
"enabled": true,
"updateUrl": "https://gist.github.com/Mottie/32acd89f2df44aaba94db367933cffdf/raw/5b291b59208ffbf1b74057e07923d0cd3cdc0fce/test.user.css",
"md5Url": null,
"originalMd5": null,
"installDate": 1542676678468,
"sourceCode": "/* ==UserStyle==\n@name _test\n@namespace github.com/openstyles/stylus\n@version 0.1.0\n@description A new userstyle\n@author Me\n@var color bg \"background\" #000\"\n@updateURL https://gist.github.com/Mottie/32acd89f2df44aaba94db367933cffdf/raw/5b291b59208ffbf1b74057e07923d0cd3cdc0fce/test.user.css\n==/UserStyle== */\n@-moz-document domain(\"google.com\") {\n body {\n background: var(--bg) !important;\n }\n}",
"sections": [
{
@Mottie
Mottie / demo.css
Created October 23, 2018 05:48
Input-password-bullet-css
/* Use the css below to change the password input symbol */
@font-face {
font-family: 'fontello';
src: url('./font/fontello.eot?0000');
src: url('./font/fontello.eot?0000#iefix') format('embedded-opentype'),
url('./font/fontello.woff2?0000') format('woff2'),
url('./font/fontello.woff?0000') format('woff'),
url('./font/fontello.ttf?0000') format('truetype'),
url('./font/fontello.svg?0000#fontello') format('svg');
font-weight: normal;
@Mottie
Mottie / convert-date-in-md.js
Created January 18, 2018 20:32
Convert M/D/YYYY format to YYYY-MM-DD in all markdown files in current folder
#!/usr/bin/env node
"use strict";
/* Convert date formats in markdown
*
* This script converts a "(M/D/YYYY)" date format to "(YYYY-MM-DD)" in *all*
* markdown files within the folder it is placed
* Use `node convert-date-in-md.js` to execute
*/
const fs = require("fs");
@Mottie
Mottie / test.css
Last active December 25, 2017 12:23
For testing Stylus' CSSLint
@-moz-document url("example.com") {
/* https://github.com/CSSLint/csslint/issues/723 */
:focus {
outline: 1px none;
}
:focus {
outline: 0 red;
}
:focus {
outline: 1px solid transparent;
@Mottie
Mottie / github-selected-tab-color-uso.user.css
Last active December 13, 2017 05:39
Selected Tab Color UserStyle
/* ==UserStyle==
@name GitHub Selected Tab Color (uso)
@version v1.0.10
@description Add a custom selected tab color to GitHub
@namespace github.com/StylishThemes
@author StylishThemes (https://github.com/StylishThemes)
@homepageURL https://github.com/StylishThemes/GitHub-Selected-Tab-Color
@supportURL https://github.com/StylishThemes/GitHub-Selected-Tab-Color/issues
@updateURL https://raw.githubusercontent.com/StylishThemes/GitHub-Selected-Tab-Color/master/github-selected-tab-color.user.css
@license CC-BY-SA-4.0
// white space testing
// ok
// test 2
// test
function test( ) {
console.log('ok' ); // 123
}
/*
@Mottie
Mottie / Stylus.svg
Created July 2, 2017 18:38
Stylus Logo
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@Mottie
Mottie / diacritics.json
Last active November 23, 2016 20:16
Spanish Diacritic definition
{
"de": {
"de": {
"metadata": {
"alphabet": "Latn",
"continent": "EU",
"language": "German",
"native": "Deutsch",
"sources": [
"https://en.wikipedia.org/wiki/German_orthography#Special_characters"