When is :focus-visible visible?
Explains the CSS :focus-visible pseudo-class, detailing when browsers show focus styles for accessibility without compromising design aesthetics.
Explains the CSS :focus-visible pseudo-class, detailing when browsers show focus styles for accessibility without compromising design aesthetics.
A tutorial on using CSS :empty and :has() pseudo-classes to conditionally hide elements based on their content or child elements.
Explains how to use the CSS :has() pseudo-class to select and style previous sibling elements, a previously impossible task in CSS.
A developer shares a technical strategy for using Twitter hands-off via custom CSS, RSS feeds, and automation to avoid the main site and protect mental health.
Discusses the need for a native CSS property to visually hide content while keeping it accessible to screen readers, referencing common workarounds.
A CSS expert shares his favorite 3 lines of CSS, now translated into Japanese, and introduces his work and resources.
A practical guide with ten expert tips for creating smoother, more polished CSS transitions and animations to improve user experience.
Explains how to use new CSS style queries to simplify dark mode implementation, eliminating duplicate code for user preference and theme toggles.
Explains how CSS easing curves and cubic-bezier functions control the rhythm and feel of animations and transitions for better UI design.
A CSS developer explains how fixing a spacing issue by reordering CSS rules, rather than adding more code, highlights the importance of specificity and source order.
Explores the need for CSS flex-wrap detection, detailing use cases like responsive headers and tabs for better layout control.
A developer shares their wishlist for new CSS features, including an index keyword, resizable form controls, gradient borders with radius, and new pseudo-elements.
Explores the CSS `resize` property, its use in container query demos, practical applications, and current limitations.
A web developer explains how using a universal CSS selector for text-decoration properties can reduce code and improve styling efficiency.
Announcement of The Index, a new web-first newsletter from Set Studio featuring websites, articles, tutorials, and underrated tech writing.
A developer shares a personal wishlist of desired CSS features, including flex wrapping detection, logical gradients, and easing for smoother visual effects.
A deep dive into a powerful 3-line CSS utility for managing vertical spacing and flow in web layouts, explaining its evolution and practical applications.
Interop 2023 is a cross-browser initiative targeting 26 key web features, including CSS :has(), math functions, and font palettes, for improved compatibility.