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.
A web developer argues for building accessible UIs by highlighting the practical, selfish benefits for developers, such as easier debugging and better code.
An article exploring the HTML <col> element, its purpose, usage with <colgroup>, and its quirks in web development.
Explains the HTML <caption> element for labeling tables, contrasting it with closed captions and emphasizing accessibility best practices.
