Resources:
- https://www.w3.org/TR/WCAG21/
- https://webaim.org/
- https://www.apple.com/accessibility/
- https://a11y-101.com/
- https://www.microsoft.com/design/inclusive/
- https://marcysutton.github.io/gatsby-a11y-workshop/
Tools:
| // ==UserScript== | |
| // @name Threads.com Keyword Filter | |
| // @namespace http://tampermonkey.net/ | |
| // @version 1.0 | |
| // @description Hide posts on Threads.com containing specified keywords | |
| // @author quannt | |
| // @match https://www.threads.com/* | |
| // @grant none | |
| // ==/UserScript== |
| Interaction | |
| https://github.com/taye/interact.js | |
| Out of the box solutions | |
| https://photoswipe.com/styling/ | |
| https://github.com/dimsemenov/photoswipe-deep-zoom-plugin | |
| https://openlayers.org/en/latest/examples/zoomify.html | |
| https://openseadragon.github.io/ | |
| https://www.lightgalleryjs.com/ |
| // Replace this with a relevant selector. | |
| // If you use a tool that auto-generates classes, | |
| // you can temporarily add an ID and select it | |
| // with '#id'. | |
| const selector = '.the-fixed-child'; | |
| function findCulprits(elem) { | |
| if (!elem) { | |
| throw new Error( | |
| 'Could not find element with that selector' | |
| ); |
| yarn add --dev --exact prettier | |
| yarn add --dev eslint-config-prettier | |
| yarn add --dev eslint-plugin-only-warn | |
| npx mrm lint-staged |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>JS Bin</title> | |
| </head> | |
| <body> | |
| <script id="jsbin-javascript"> |
| //requiring path and fs modules | |
| const path = require('path'); | |
| const fs = require('fs'); | |
| const readline = require('readline'); | |
| //joining path of directory | |
| const directoryPath = path.join(__dirname, 'srt'); | |
| const outputPath = path.join(__dirname, 'dfxp'); | |
| //passsing directoryPath and callback function | |
| fs.readdir(directoryPath, { |
I hereby claim:
To claim this, I am signing this object:
| Request URL: xxx | |
| Request Method: POST | |
| Status Code: 200 OK | |
| Remote Address: xxx | |
| Referrer Policy: no-referrer-when-downgrade | |
| access-control-allow-origin: * | |
| Connection: keep-alive | |
| Content-Length: 131 | |
| Content-Type: application/x-thrift; protocol=TCOMPACT | |
| Date: Mon, 30 Jul 2018 11:16:47 GMT |
| <template> | |
| <input v-model="foo.bar"> // this will work | |
| <input v-model="foo.bar.baz"> // this will work | |
| </template> | |
| <script> | |
| export default { | |
| .... | |
| data() { | |
| return { |