Use Light Mode when Presenting
Argues that using light mode in code editors and documents improves readability during presentations and screen sharing.
Argues that using light mode in code editors and documents improves readability during presentations and screen sharing.
Highlights Handy, an open-source, offline speech-to-text tool for developers, emphasizing its local processing and multi-language support.
Explains how to use the CSS `text-size-adjust` property to respect user's system font scaling for better web accessibility.
A senior frontend engineer shares their journey of joining Khan Academy, focusing on their role, the job search process, and the challenges of navigating the tech industry.
A developer explores creating an animated focus ring using DOM elements and JavaScript, moving beyond CSS :focus-visible for custom animations.
A technical exploration of the native HTML <dialog> element, covering its modal and non-modal states, accessibility benefits, and usage.
Introduces a polyfill for the new native HTML switch element, enabling cross-browser support with accessibility features.
Explores using nested CSS contrast-color() to create accessible focus rings, comparing it to alternative methods like light-dark().
Proposal for a 'poster' attribute on the HTML <canvas> element to provide a static placeholder and improve archiving, performance, and accessibility.
Explores using CSS contrast-color() for algorithmic hover states and accessible color systems in web design.
A developer built Asdfghjkl, a macOS tool for controlling the mouse cursor precisely using keyboard-driven grid navigation.
A blog post discussing GitHub's frontend requiring JavaScript, hindering use in the Dillo browser, and the principle of progressive enhancement.
Creating an accessible keyboard shortcut with Alpine.js to move focus to a form input using the 'f' key, avoiding autofocus issues.
A guide to using the JavaScript SpeechSynthesis API for programmatic browser speech to enhance user experience and accessibility.
Argues that generic Tooltip components in design systems are flawed and proposes better, more accessible alternatives for web development.
A developer shares a CSS technique to make the output of ColdFusion's CFDump tag more readable by increasing the font size.
Explains how to use CSS's slash syntax to provide alternative text for CSS-generated content, improving web accessibility for screen readers.
A guide to quickly switch between light and dark themes on Windows using hotkeys and tools like Auto Dark Mode and Monitorian.
Explains how to create a CSS-only scrollspy effect using the new scroll-marker-group property and :target-current pseudo-class, eliminating the need for JavaScript.
A developer rants about building accessible web components while creating open-source components to display Bluesky likes using its open API.