Building tabs in Web Components
A developer shares insights on building an accessible, multi-component tab system using Web Components for a design system.
A developer shares insights on building an accessible, multi-component tab system using Web Components for a design system.
Ahmad Shadeed's Defensive CSS is a detailed resource of techniques for building resilient, robust front-end user interfaces.
A guide on writing effective alt text for images, focusing on web accessibility, screen readers, and best practices for developers.
A guide to building accessible toggle buttons with optimal HTML semantics and framework examples for Svelte, Vue, and React.
Explores when to use pixels vs. ems/rems in CSS for optimal web accessibility, arguing both are necessary.
A guide to naming colors in app development for better code readability, team communication, and enforcing a consistent design palette.
A guide to implementing an accessible custom tab bar in iOS, covering the Large Content Viewer and .tabBar trait to match native behavior.
A quick guide to enabling keyboard navigation for confirmation dialogs and controls on a new Mac.
How to add a lang attribute to your Next.js site's HTML element for improved accessibility and Lighthouse performance scores.
Explains why using vw/vh units for font sizes creates accessibility and layout issues, and recommends using em, rem, and clamp() instead.
A developer reflects on ten years of blogging, sharing over 145 articles on web development, performance, and accessibility.
A guide on how to evaluate the accessibility (a11y) of npm packages before using them in a web project.
Explains why using semantic HTML links (<a>) is better than buttons (<button>) for navigation, especially in SPAs, for accessibility and deep linking.
A guide to implementing and testing Dynamic Type in iOS apps to support user-adjustable font sizes for accessibility.
A guide for iOS/macOS developers on improving app accessibility for Voice Control, covering labels, APIs, and best practices.
Argues against using Discord for FOSS projects due to its proprietary nature, which excludes users and conflicts with free software principles.
A technical deep dive into building the Designcember holiday calendar site, covering responsive design, CSS techniques, and development tools.
A comprehensive 22-module course on HTML forms covering design, accessibility, security, and best practices for web developers.
Explains the importance of the HTML 'lang' attribute for accessibility, screen readers, and localization.
A detailed guide to a modern CSS reset, explaining each rule and its benefits for improving web development.