Revisiting the abbr element
A web developer revisits and improves the accessibility of the HTML <abbr> element, addressing tooltip and keyboard navigation issues.
A web developer revisits and improves the accessibility of the HTML <abbr> element, addressing tooltip and keyboard navigation issues.
Explains how and why to enhance HTML links into interactive buttons using JavaScript, with a practical login dialog example.
Explains why to use the CSS :lang pseudo-class instead of the [lang] attribute selector for accurate language-specific styling.
A technical guide to making the HTML <abbr> element accessible for touchscreen, keyboard, and mouse users with custom CSS.
A critical look at the CSS pointer-events property, arguing against its use on standard HTML elements while acknowledging valid SVG use cases.
Explains how to use the aria-live attribute to make dynamic web content accessible to screen reader users.
Exploring CSS-only techniques to detect if an HTML input field is empty, using validation attributes like `required` and `pattern`.
Explains the HTML tabindex attribute, covering how it controls element focus order and accessibility for keyboard navigation.
A front-end developer reflects on the undervaluation of HTML/CSS skills and argues for respect across web development specializations.
Explains the Document Object Model (DOM), its role in web development, and how it differs from source HTML.
A technical exploration of a CSS-Tricks challenge: how to create nested link functionality using a clever <object> element hack to work around HTML specification limitations.
Announcing BitMidi, a web app for listening to free MIDI files, exploring the history and technical challenges of the format.
A developer demonstrates how to use Netlify Drop to deploy a fun, interactive mic-dropping animation built with HTML and CSS.
A speculative look at the future evolution of the web, based on its history from 1991 to modern JavaScript frameworks.
A deep dive into designing and building accessible toggle switches for UI themes, covering markup, semantics, and accessibility considerations.
Explains the importance of semantic HTML in JSX, advocating for choosing elements based on meaning over appearance for better web development.
MIT instructor shares free introductory web development slides and labs for beginners with programming experience.
A technical guide to building and enhancing a secure, accessible login form with HTML validation, security best practices, and UX improvements.
Part 2 of a VS Code setup guide for web development, covering HTML, CSS, and JavaScript settings and extensions.