Algorithmic hover states with contrast-color()
Explores using CSS contrast-color() for algorithmic hover states and accessible color systems in web design.
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.
An analysis of the accessibility and usability of experimental CSS Carousels, highlighting current limitations and browser support issues.
CSS reading-flow and reading-order properties ship in Chrome 137, addressing focus navigation issues in grid and flex layouts.
Chrome 137 introduces CSS reading-flow and reading-order properties to fix focus navigation issues in grid and flex layouts.
A critique of fake interactive UI elements like non-clickable 'buttons' that frustrate users, with examples and solutions for better web development.
A web developer reflects on a 5-year-old .NET Magazine interview, discussing his side projects, CSS tools, and focus on web development education.
A web professional explores key principles of good vs. bad web design, focusing on usability, mobile responsiveness, and performance.