A Native “Visually Hidden” in CSS? Yes Please!
Discusses the need for a native CSS property to visually hide content while keeping it accessible to screen readers, referencing common workarounds.
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.
A guide to using CSS style queries, a new feature for querying parent element styles and custom properties to separate data from design.
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.
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 need for CSS flex-wrap detection, detailing use cases like responsive headers and tabs for better layout control.
A reflection on the end of CSS-Tricks' original spirit after its editor was fired by Digital Ocean, and a personal tribute to its legacy.
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.
The author argues that using camel-cased CSS class names is superior to traditional kebab-cased BEM syntax for modern, modular CSS development.
Container queries and container query units are now stable in all modern browsers, enabling responsive components based on parent element size.
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.