Explains how HTMX uses 'previous' and 'next' mechanics with CSS selectors and the Node.compareDocumentPosition() method.
Explores using modern CSS features like custom properties and :has() for testing HTML integrity and highlighting markup anti-patterns.
Introducing the is-playing Web Component, a tool to detect and style playing audio/video elements using CSS selectors and attributes.
A guide offering simple, practical CSS rules of thumb for developers, covering selectors, BEM, specificity, and layout basics.
A developer's guide to creating Alix, a Chrome extension that uses CSS selectors to lint HTML for accessibility issues.
Using CSS selectors to visually highlight invalid, unsemantic, or inaccessible HTML elements for easier debugging and linting.
Explains the difference between CSS selectors nth-child() and nth-of-type(), including how they work and common pitfalls.
Explores five underused CSS selectors like :empty, ::first-letter, and :not(), with practical examples for web developers.
A guide to creating an accessible star rating widget using only CSS, with no JavaScript required for core functionality.
Explains the rules and pitfalls of using unquoted attribute values in HTML, including when it's valid and how it interacts with CSS/JS selectors.
HTML5 removes restrictions on the `id` attribute, allowing it to use the same wide range of characters as the `class` attribute.
Explains the W3C Selectors API, comparing querySelector and querySelectorAll for efficient DOM traversal using CSS selectors in JavaScript.
