Web Weekly #190 covers CSS image-set, variable fonts, accessibility tips, and tech humor including running Firefox with 84k extensions.
RocketSim 15 adds VoiceOver Navigator and post-editor for Xcode simulator recordings, boosting iOS developer productivity.
![Web of State of the Browser Day Out [blog]](https://allblogs.blob.core.windows.net/alldevblogs/thumbs/article-bea1948a06bb-full-50af278c.webp)
A developer's personal recap and key takeaways from attending the State of the Browser and Web Day Out tech conferences.
An essay on designing software tools with compassion for users experiencing mental health crises or cognitive impairment, arguing it leads to better software for everyone.
Announcing htmxRazor v1.3.0, a .NET library update featuring a new data table component, accessibility improvements, and modern CSS.
Explores advanced uses of CSS contrast-color() with color-mix() and style queries to create accessible, tinted text colors.
Explains the correct order for listing modifier keys (Fn, Control, Option, Shift, Command) in Mac keyboard shortcuts, per Apple's style guide.
Introducing the CSS contrast-color() function for automated accessible text color selection based on WCAG contrast ratios.
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.
![Try text scaling support [link]](https://alldevblogs.blob.core.windows.net/thumbs/article-9a0378daceda-full-8afdd88d.webp)
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.
