A developer argues for using CSS box-sizing: border-box as the universal default, criticizing design systems that don't adopt it.
Lea Verou's re-election statement for the W3C Technical Architecture Group, focusing on web standards and developer needs.
A frontend developer shares their detailed thought process and decision-making while building a responsive hero section with modern CSS.
Explains why using px units for CSS font-size can harm accessibility and override user preferences, advocating for em/rem units instead.
Explains how to convert Display-p3 colors from Sketch to CSS for Safari, covering color spaces and current browser support limitations.
Explains how to create halftone patterns using CSS, covering gradients, masks, and filters for a retro printing effect.
Argues that CSS class-naming conventions like BEM or ECSS remain a pragmatic choice for scalable CSS architecture, even with modern features like Cascade Layers.
The State of CSS 2022 survey is now open, gathering developer feedback on new CSS features, pain points, and usage patterns.
Explores practical use cases for CSS comparison functions like clamp(), max(), and min(), including fluid sizing, decorative elements, and hero sections.
A guide to using CSS container queries, a new feature for component-based responsive web design, including browser support and polyfill updates.
Explains how to use CSS @supports for feature detection, including checking property support and new selectors like :has() and :focus-visible.
A talk on modern CSS layout techniques, emphasizing flexibility and new features like Container Queries and :has().
CSS container queries are now supported in modern browsers, enabling responsive component design based on parent container size instead of viewport.
Explains the CSS color-scheme property, its values, and discusses whether it's necessary for implementing light/dark themes.
Explains how to use the CSS ::selection pseudo-element to style highlighted text, including supported properties and limitations.
Explains the key differences between CSS pseudo-classes (like :hover) and pseudo-elements (like ::before), including syntax and use cases.
Explores HTML list types and creative CSS styling techniques for web development.
Using CSS Cascade Layers to manage style order and specificity in live coding demos, particularly with container queries.
Explains the new CSS @container queries and :has() selector, their synergy for responsive design, and how to use them in Chromium 105.
A CSS tip explaining how to use negative animation delays to create more natural, staggered animations for groups of elements.
