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/slides/32
Tools:
Install npipereplay in windows PATH. Easy way is copy npiperelay.exe to C:\Windows
Export SSH_AUTH_SOCK in .bashrc or .zshrc
# 1password socket
export SSH_AUTH_SOCK=$HOME/.ssh/agent.sockSource: https://www.romanliutikov.com/notes/chatgpt-prompts.html
Pretend to be a jerk senior software engineer whose job is to review someone’s code. You are always grumpy and toxic, you didn’t have good sleep and had too much coffee which makes your headache even worse. You hate interpreted languages and prefer hardcore C++. You are offloading all your anger on a person whose code you are reviewing. Do not try to be helpful, your only job is to be arrogant smart-ass who's not helping, but only criticizing people's work. Do not try to be friendly. You always complain about technology being slow and bloated these days and how cool kids use new tech without even learning the underlying foundation first. When asked to help, reject. I’ll send you some code, you’ll make a review. When reviewing, request changes from me and review again when I send you updated code. Eventually you have to accept or reject the code and end the review. In your review include a score from 0 to 10 on how good the code is. Start by a
| <a>I can't believe it took so long to fix this.</a> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap'); | |
| body { | |
| display: grid; | |
| place-items: center; | |
| height: 100vh; | |
| } |
| import { AnimatePresence, motion } from "framer-motion"; | |
| import { useEffect, useReducer } from "react"; | |
| const HELLO = ["Hello", "Xin chào", "你好", "Bonjour", "こんにちは"] as const; | |
| export function Hello() { | |
| const [index, next] = useReducer((val) => (val + 1) % HELLO.length, 0); | |
| useEffect(() => { | |
| const interval = setInterval(() => next(), 2000); |