Don't mind this. I made it because I was mad about a specific thing that I saw on the Internet.
EJ Mason mxmason
mxmason
/ webflow-disable-scroll-prefers-reduced-motion.js
Last active
June 2, 2023 10:49
These snippets completely disable the smooth-scroll animation that is present on all Webflow sites. Animated scrolling can disorient or surprise users, or even cause motion sickness!
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Disable smooth scrolling for users who have set `prefers-reduced-motion` in their operating system | |
| // 1. Place this snippet before the end of the <body> tag; | |
| // NOT in the <head> tag! | |
| // 2.Make sure it's inside $(function() {})! | |
| $(function() { | |
| const mediaQuery = window.matchMedia('(prefers-reduced-motion: reduce)'); | |
| if (mediaQuery.matches) $(document).off('click.wf-scroll'); | |
| }) |
mxmason
/ cryptoUUID.js
Created
February 25, 2020 19:18
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Using the web crypto API is a quick way to get a pseudo-random number. | |
| // It's is experimental in IE11 and namespaced behind a prefix. | |
| var crypto = window.crypto || window.msCrypto; | |
| // Generates a uuidv4-compliant string | |
| // credit: https://gist.github.com/jed/982883 | |
| function uuidv4() { | |
| return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c => | |
| ( | |
| c ^ |
mxmason
/ getFocusableChildren.js
Last active
February 17, 2022 21:25
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const FOCUSABLE_ELEMENTS = ` | |
| [contenteditable]:not([tabindex^="-"]):not([inert]):not([aria-hidden="true"]), | |
| [tabindex]:not([tabindex^="-"]):not([inert]):not([aria-hidden="true"]) | |
| a[href]:not([tabindex^="-"]):not([inert]):not([aria-hidden="true"]), | |
| area[href]:not([tabindex^="-"]):not([inert]):not([aria-hidden="true"]), | |
| audio:not([tabindex^="-"]):not([inert]):not([aria-hidden="true"]), | |
| button:not([disabled]):not([inert]):not([aria-hidden="true"]), | |
| iframe:not([tabindex^="-"]):not([inert]):not([aria-hidden="true"]), | |
| input:not([disabled]):not([inert]):not([aria-hidden="true"]), | |
| select:not([disabled]):not([inert]):not([aria-hidden="true"]), |
mxmason
/ pe-generic-setup-demo.html
Last active
August 6, 2019 18:26
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- External dependencies the component needs to run (optional) --> | |
| <script src="https://unpkg.com/PATH_TO_FILE.js"></script> | |
| <!-- Polyfill loaders - Will not execute for modern browsers --> | |
| <!-- WebComponents --> | |
| <script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-loader.js"></script> | |
| <!-- JS features --> | |
| <script src="https://polyfill.io/v3/polyfill.js?features=default"></script> |
mxmason
/ soFetch.js
Last active
October 15, 2021 19:12
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * A small lib for fetching with query parameters. | |
| * CREDIT: discussion in this issue thread: https://github.com/github/fetch/issues/256 | |
| * @param {String} url | |
| * @param {Object} [opts={}] The init options for the fetch request | |
| * @param {Object} [opts.params] The key-value pairs that will be used to build a query string | |
| * @example | |
| * // Makes a GET request to `foo.com` | |
| * soFetch('https://foo.com'); | |
| * // Makes a GET request to foo.com with query params |
mxmason
/ DSA_nodeploy.md
Created
December 26, 2017 18:01
You've been asked to create a site for an animal shelter which allows adoption of cats and dogs. These are the only two animals allowed in the shelter. The adoption process works strictly on a first-in, first-out basis. People can adopt a cat, or a dog, or both, but they may only adopt the oldest one (by arrival time, not age) that is in the shelter.
The following instructions should guide you to through the project from start to finish. Be sure to follow them in the order!
If you’re the sort of person who likes a working example, you can see the working client and the working server for yourself.
This app will use two distinct repositories: one for the client, and one for the server.
- Create the parent directory for your app on your local machine:
mkdir AnimalShelter